.blog-list{display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}@media (min-width:998px){.blog-list{margin-bottom:90px}}.blog__item{border-radius:24px;box-shadow:0 10px 36px 0 hsla(0,0%,100%,.16),0 0 0 1px hsla(0,0%,100%,.06);display:flex;flex-direction:column}.blog__content{height:100%;padding:15px 20px 0}.blog__title{font-size:18px}.blog__title:first-letter{text-transform:capitalize}.blog__date{align-items:center;display:flex}.blog__date .icon{color:#5dc8da;margin-right:10px}.blog__image img{border-top-left-radius:24px;border-top-right-radius:24px;margin-bottom:0;max-height:260px;width:100%}.blog__read{align-items:center;display:flex;justify-content:center;padding:0 15px 15px 30px;text-decoration:none}.blog__read:hover .icon{transform:translateX(3px)}.blog__read .icon{margin-left:5px;transition:transform .3s ease-in-out}.pagination-wrapper{align-items:center;display:flex;flex-direction:column}@media (min-width:998px){.pagination-wrapper{flex-direction:revert}}.pagination-info{margin-bottom:15px}@media (min-width:998px){.pagination-info{flex:0 0 15%;margin-bottom:0}}.pagination{display:flex;justify-content:center;width:100%}@media (min-width:998px){.pagination{justify-content:flex-end}}.pagination__item{align-items:center;border:1px solid #2797aa;border-radius:8px;display:flex;justify-content:center;max-height:40px;min-width:40px;padding:10px;text-align:center;text-decoration:none}.pagination__item:not(:last-child){margin-right:10px}.pagination__item .icon{font-size:18px}.pagination__item--active{background-color:#5dc8da;color:#24242c;cursor:auto;opacity:.8}