.article-banner{width:100%}.article-banner__grid{justify-content:flex-start;gap:var(--article-banner-gap,20px);flex-wrap:wrap;width:100%;display:flex}.article-banner__item{box-sizing:border-box;text-align:center;width:100%;max-width:420px;color:var(--article-banner-item-text-color,#000);background-color:var(--article-banner-item-background-color,#d1ffff);border:1px solid var(--article-banner-item-border-color,transparent);border-radius:var(--article-banner-item-border-radius,24px);flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;padding:20px;transition:background-color .2s,color .2s;display:flex}.article-banner__item:hover{background-color:var(--article-banner-item-background-color-hover,var(--article-banner-item-background-color,#d1ffff));color:var(--article-banner-item-text-color-hover,var(--article-banner-item-text-color,#000))}.article-banner__media{border-radius:15px;width:100%;height:200px;overflow:hidden}.article-banner__media img{object-fit:cover;width:100%;height:100%;display:block}.article-banner__copy{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.article-banner__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}@media (max-width:600px){.article-banner__item{max-width:100%}}