.article-card-v2{position:relative;display:grid;grid-template-areas:"overlay-area";background-color:var(--color-light-bg);border-radius:16px}.article-card-v2__content,.article-card-v2__image{grid-area:overlay-area}.article-card-v2__image{position:relative;width:100%;z-index:1;overflow:hidden}.article-card-v2__image:after{content:"";display:block;width:100%;height:100%;top:0;left:0;position:absolute;z-index:2;background:linear-gradient(0deg,#000000b3 10.69%,#0000);border-radius:16px}.article-card-v2__image svg,.article-card-v2__image img{display:block;width:100%;height:100%;object-fit:cover;z-index:1;border-radius:16px;aspect-ratio:1/2}.article-card-v2__image svg{opacity:0}.article-card-v2__content{z-index:2;padding:12px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;text-align:center}.article-card-v2__title{font-family:var(--font-brandon-grotesque);width:calc(100% - 24px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;text-align:center;color:var(--color-white)}.article-card-v2__btn{font-family:var(--font-brandon-grotesque);background-color:var(--color-white);width:100%;margin:0;padding:5px 8px;z-index:3;font-size:20px;line-height:24px;color:var(--color-dark-green);text-transform:none;letter-spacing:0}.article-card-v2__btn:after{content:"";display:block;width:100%;height:100%;top:0;left:0;position:absolute}.featured-articles__bullets{display:flex;justify-content:center;padding:12px 0;background:#fff}.featured-articles__bullet{width:32px;height:32px;background-color:transparent;opacity:.32;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;justify-content:center}.featured-articles__bullet:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--color-black)}.featured-articles__bullet.active{opacity:1;transform:scale(1.2)}@media screen and (max-width: 749px){#featured-articles-grid{flex-wrap:nowrap;transition:transform .3s ease}#featured-articles-grid .grid__item{width:60vw;max-width:60vw;flex-shrink:0}}@media screen and (min-width: 750px){.article-card-v2__content{padding:24px}.article-card-v2__title{width:calc(100% - 48px)}.article-card-v2__btn{padding:7px 8px;font-size:24px;line-height:32px}#featured-articles-grid{transform:none!important;flex-wrap:wrap}.featured-articles__bullets{display:none}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/card-article.css.map */
