section.blog-index{display:flex;flex-wrap:wrap;gap:32px;justify-content:flex-start}.blog-card{background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(15,23,42,.08);display:flex;flex-direction:column;overflow:hidden;position:relative;width:calc(25% - 24px)}.blog-card:before{background:linear-gradient(94deg,#0002fb .72%,#21e0b2 35.47%,#c800d8 65.25%,#f1a828);border-radius:16px;content:"";inset:0;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;padding:2px;pointer-events:none;position:absolute;transition:opacity .4s ease}.blog-card:hover:before{opacity:1}.blog-card__image-link{display:block}.blog-card__image{background-color:#e2e8f0;background-position:50%;background-size:cover;padding-top:65%;width:100%}.blog-card__tag{align-items:center;background:var(--gris_border_200,#e2e8f0);border-radius:33554400px;color:#0a1a28;display:flex;font-family:IBM Plex Sans;font-size:16px;font-style:normal;font-weight:400;justify-content:center;left:0;line-height:normal;padding:8px;position:relative;top:0;width:fit-content}.blog-card__content{display:flex;flex-direction:column;flex-grow:1;gap:16px;padding:20px}.blog-card__title{font-size:18px;font-weight:700;line-height:1.3}.blog-card__title a{color:#0a1a28;display:-webkit-box;font-family:IBM Plex Sans;font-size:20px;font-style:normal;font-weight:500;-webkit-line-clamp:2;line-height:135%;text-decoration:none;text-transform:uppercase;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.blog-card__excerpt{flex-grow:1}.blog-card__excerpt p{color:#0a1a28;display:-webkit-box;font-family:IBM Plex Sans;font-size:14px;font-style:normal;font-weight:300;-webkit-line-clamp:3;line-height:normal;margin:0;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden}.blog-card__footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.blog-card__date{align-items:center;color:#0a1a28;display:flex;font-family:IBM Plex Sans;font-size:14px;font-style:normal;font-weight:400;gap:6px;line-height:normal}.blog-card__button{align-items:center;background:#0f172a;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:30px;justify-content:center;text-decoration:none;width:30px}.blog-card__button:hover{background-color:#212830;color:#20e0b2}@media only screen and (max-width:1100px){.blog-card{width:calc(50% - 16px)}}@media only screen and (max-width:640px){.blog-card{width:100%}}