.clickable-banner{position:relative;width:100%;height:var(--banner-height-mobile, 420px);overflow:hidden}@media screen and (min-width:750px){.clickable-banner{height:var(--banner-height-desktop, 620px)}}.clickable-banner__link{display:block;position:relative;width:100%;height:100%;text-decoration:none;color:inherit;cursor:pointer}.clickable-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.clickable-banner__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.clickable-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--overlay-opacity, .15);transition:opacity .3s ease}.clickable-banner__link:hover .clickable-banner__overlay{opacity:calc(var(--overlay-opacity, .15) + .08)}.clickable-banner__content{position:absolute;left:50%;bottom:40px;transform:translate(-50%);text-align:center;color:#fff;z-index:2;max-width:90%;width:100%}.clickable-banner__heading{font-size:24px;letter-spacing:.05em;text-transform:uppercase;margin:0;font-weight:400;color:#fff}.clickable-banner__subheading{font-size:16px;font-weight:400;letter-spacing:.05em;color:#fff;text-decoration:underline;text-underline-offset:4px;margin:8px 0 0}.clickable-banner__button{display:inline-block;padding:.9rem 2.5rem;letter-spacing:.1em;text-decoration:underline;text-transform:uppercase;font-size:16px}@media screen and (max-width:749px){.clickable-banner__content{left:50%;right:auto;bottom:40px;margin:0;transform:translate(-50%);text-align:center;max-width:85%;width:max-content}.clickable-banner__heading{font-size:18px;text-align:center;margin-bottom:2px}.clickable-banner__subheading{font-size:10px;text-align:center;margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-clickable-banner.css.map */