.HTS-marketing-banner{height:100%;width:100%;background-repeat:no-repeat;border-radius:8px;background-position:center;background-size:cover;cursor:pointer;position:relative;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background-color .4s ease}.HTS-marketing-banner__content{height:100%;display:flex;flex-direction:column}.HTS-marketing-banner--double .HTS-marketing-banner__content{justify-content:space-between;padding:32px 0 50px 45px}.HTS-marketing-banner--single .HTS-marketing-banner__content{gap:10px;text-align:center;align-items:center;padding:18px 10px 0}.HTS-marketing-banner--double{grid-column:span 2}.HTS-marketing-banner:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:#0000;transition:background-color .3s ease;pointer-events:none}.HTS-marketing-banner:hover{transform:scale(1.01)}.HTS-marketing-banner:hover:after{background-color:#00000005}.HTS-marketing-banner--double.HTS-marketing-banner h3{font-size:40px;line-height:125%;margin:0;text-transform:uppercase}.HTS-marketing-banner--double.HTS-marketing-banner h3 i{font-size:45px;line-height:125%;text-transform:none}.HTS-marketing-banner--single.HTS-marketing-banner h3{font-size:24px;line-height:35px;margin:0;text-transform:uppercase}.HTS-marketing-banner--single.HTS-marketing-banner h3 i{font-size:28px;line-height:35px;text-transform:none}.HTS-marketing-banner__button{display:flex;align-items:center;gap:15px;position:relative}.HTS-marketing-banner--single .HTS-marketing-banner__button{justify-content:center}.HTS-marketing-banner p{line-height:100%;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#f50d3a;margin:0}.HTS-marketing-banner--double.HTS-marketing-banner p{font-size:16px}.HTS-marketing-banner--single.HTS-marketing-banner p{font-size:14px}.HTS-marketing-banner__button svg{transition:transform .2s ease}.HTS-marketing-banner--single .HTS-marketing-banner__button svg{height:9px;width:auto}.HTS-marketing-banner__button:hover svg{animation:bounce-arrow 1s ease-in-out infinite}@keyframes bounce-arrow{0%{transform:translate(0)}50%{transform:translate(6px)}to{transform:translate(0)}}@media screen and (max-width: 749px){.HTS-marketing-banner{background-position:bottom}.HTS-marketing-banner--double .HTS-marketing-banner__content,.HTS-marketing-banner--single .HTS-marketing-banner__content{padding:14px;justify-content:start;align-items:center;gap:10px}.HTS-marketing-banner--double.HTS-marketing-banner h3,.HTS-marketing-banner--single.HTS-marketing-banner h3{font-size:30px;line-height:36px;margin:0;text-transform:uppercase;text-align:center;letter-spacing:-1px}.HTS-marketing-banner--double.HTS-marketing-banner h3 i,.HTS-marketing-banner--single.HTS-marketing-banner h3 i{font-size:36px;line-height:36px}.HTS-marketing-banner--double.HTS-marketing-banner p,.HTS-marketing-banner--single.HTS-marketing-banner p{font-size:14px;line-height:14px}.HTS-marketing-banner--double .HTS-marketing-banner__button,.HTS-marketing-banner--single .HTS-marketing-banner__button{gap:10px}.HTS-marketing-banner--double{grid-column:span 1}.HTS-marketing-banner__bottom{background-position:top}.HTS-marketing-banner__overlay{justify-content:flex-end!important;padding-bottom:24px!important}.HTS-marketing-banner__overlay:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:63%;background:linear-gradient(360deg,#000,#0000);opacity:.5;z-index:1}.HTS-marketing-banner__overlay h3,.HTS-marketing-banner__overlay .HTS-marketing-banner__button{z-index:2}.HTS-marketing-banner__overlay h3,.HTS-marketing-banner__overlay p{color:#fff!important}.HTS-marketing-banner__overlay svg path{stroke:#fff!important}}@media screen and (min-width: 500px){.br-mobile{display:none}}@media screen and (max-width: 499px){.HTS-marketing-banner--double.HTS-marketing-banner h3,.HTS-marketing-banner--single.HTS-marketing-banner h3{font-size:18px;line-height:24px}.HTS-marketing-banner--double.HTS-marketing-banner h3 i,.HTS-marketing-banner--single.HTS-marketing-banner h3 i{font-size:22px;line-height:24px}.HTS-marketing-banner--double.HTS-marketing-banner p,.HTS-marketing-banner--single.HTS-marketing-banner p{font-size:10px;line-height:10px}.HTS-marketing-banner--single .HTS-marketing-banner__button svg,.HTS-marketing-banner--double .HTS-marketing-banner__button svg{height:46.7%;width:auto}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/HTS-marketing-banner.css.map */