:root{--Spacing-2:.2rem;--Spacing-4:.4rem;--Spacing-6:.6rem;--Spacing-10:1rem;--Spacing-14:1.4rem;--Spacing-16:1.6rem;--Spacing-20:2rem;--Spacing-28:2.8rem;--Spacing-40:4rem;--Spacing-80:8rem;--corner-4:4px;--corner-8:8px;--corner-12:12px;--corner-16:16px;--corner-28:28px;--corner-full:1000px}.blog-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-transition:border-color .5s;-o-transition:border-color .5s;transition:border-color .5s;-webkit-box-orient:vertical;-webkit-box-direction:normal;border:1px solid #f0f0f0;border-radius:var(--corner-12,12px);-webkit-box-shadow:0 16px 32px -12px rgba(88,92,95,.1);box-shadow:0 16px 32px -12px #585c5f1a;cursor:pointer;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:1024px){.blog-item:hover{border:1px solid #0088f7}.blog-item:hover .btn--icon{-webkit-transform:translateX(.2rem)!important;-ms-transform:translateX(.2rem)!important;-o-transform:translateX(.2rem)!important;transform:translate(.2rem)!important}.blog-item:hover .btn--icon .btn__icon{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}}.blog-item__img>div{padding-bottom:77.7777777778%}@media screen and (max-width:1024px){.blog-item__img>div{padding-bottom:74.784897%}}.blog-item__title{display:-webkit-box;-webkit-line-clamp:3;margin-bottom:var(--Spacing-14);-webkit-box-orient:vertical;overflow:hidden;text-align:left;text-overflow:ellipsis}@media screen and (max-width:1024px){.blog-item__title{margin-bottom:var(--Spacing-14)}}.blog-item__date{margin-right:var(--Spacing-14);text-align:left}.blog-item__info{background:#fff;padding:var(--Spacing-14) var(--Spacing-16) var(--Spacing-10);-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:15rem}@media screen and (max-width:1024px){.blog-item__info{padding:var(--Spacing-14)}}.blog-item__bottom{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:auto}.blog-item__bottom,.blog-item__categorys{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.blog-item__categorys{gap:var(--Spacing-4);margin-bottom:var(--Spacing-6)}.blog-item__btn{margin-left:auto}