.art-CardOverlay{position:relative;align-items:center;justify-content:center;display:flex;margin-inline-start:calc(var(--Layout_Padding) * -1);margin-inline-end:calc(var(--Layout_Padding) * -1);padding-inline-start:var(--Layout_Padding);padding-inline-end:var(--Layout_Padding);border-bottom-right-radius:var(--Section_CornerRadius);overflow:hidden}.art-CardOverlay:after{content:"";display:block;width:0;padding-top:55%}@media only screen and (min-width: 768px){.art-CardOverlay{max-height:80vh}}.art-CardOverlay_ImageContainer{position:absolute;top:0;left:0;z-index:-1;display:flex;width:100%;height:100%;background-color:var(--Color_Background)}@media only screen and (min-width: 901px){.art-CardOverlay_ImageContainer:before{content:"";position:absolute;bottom:0;left:0;z-index:2;display:block;width:100%;height:2px;background-color:var(--Color_PetronasTeal);transform:scaleX(0);transition:transform .5s ease}.art-CardOverlay:hover .art-CardOverlay_ImageContainer:before{transform:none}}.art-CardOverlay_Image{display:flex;width:100%;height:100%;opacity:.4;transition:transform .5s ease}@media only screen and (min-width: 768px){.art-CardOverlay:hover .art-CardOverlay_Image{transform:scale(1.01)}}.art-CardOverlay_Content{width:100%;padding-block-start:60px;padding-block-end:60px;text-align:center}@media only screen and (min-width: 768px){.art-CardOverlay_Content{width:calc((8 / 12) * 100%)}}@media only screen and (min-width: 901px){.art-CardOverlay_Content{max-width:670px;width:calc((8 / 12) * 100%)}}@media only screen and (min-width: 1201px){.art-CardOverlay_Content{width:50%}}.art-CardOverlay_Kicker{margin-block-end:10px;color:var(--Color_PetronasTeal)}@media only screen and (min-width: 768px){.art-CardOverlay_Kicker{margin-block-end:15px}}.art-CardOverlay_Title{color:#fff}.art-CardOverlay_Text{margin-block-start:15px}@media only screen and (min-width: 901px){.art-CardOverlay_Text{margin-block-start:20px}}.art-CardOverlay_Button{position:relative;z-index:2;margin-block-start:25px}@media only screen and (min-width: 901px){.art-CardOverlay_Button{margin-block-start:30px}}
/*# sourceMappingURL=/cdn/shop/t/289/assets/article-card-overlay.css.map */