.overlay-card{position:relative;display:block;width:100%;overflow:hidden;aspect-ratio:var(--overlay-ratio-mobile, 4 / 5)}.overlay-card__media,.overlay-card__media img,.overlay-card__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.overlay-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,var(--overlay-scrim, .75)),rgba(0,0,0,calc(var(--overlay-scrim, .75) * .55)) 38%,#0000 72%);pointer-events:none}.overlay-card__content{position:absolute;left:0;right:0;bottom:0;padding:20px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px}.overlay-card__heading{margin:0;text-transform:uppercase;font-weight:700;line-height:1.1;letter-spacing:.01em;font-size:2.2rem}.overlay-card__text{margin:0;font-size:1.3rem;line-height:1.4;max-width:42ch}.overlay-card__button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 26px;border:1px solid currentColor;background:transparent;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:1.2rem;font-weight:600;transition:background .15s ease,color .15s ease}.overlay-card__button:hover{background:currentColor}.overlay-card__button:hover .overlay-card__button-label{color:var(--overlay-button-hover-text, #000)}@media screen and (min-width:750px){.overlay-card{aspect-ratio:var(--overlay-ratio-desktop, 16 / 7)}.overlay-card__content{padding:48px;gap:14px}.overlay-card__heading{font-size:3.6rem}.overlay-card__text{font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-overlay-card.css.map */