.hero-text-centered{display:block;position:relative;line-height:0}.hero-text-centered .container>.page-width{position:relative}.hero-text-centered .hero-img{width:var(--size-100-per-100)}.hero-text-centered .btn-text-container{display:flex;flex-direction:column;gap:var(--space-s);left:var(--size-50-per-100);top:var(--size-50-per-100);text-align:center;position:absolute;transform:translate(calc(var(--size-50-per-100) * -1),calc(var(--size-50-per-100) * -1));max-width:var(--size-100-per-100);width:var(--size-95-per-100)}.hero-text-centered .btn-text-container img{margin:0 auto;width:calc(var(--size-xs-xs) * 14)}.hero-text-centered .btn-text-container .title{color:var(--color-white);font-weight:var(--font-weight-700);letter-spacing:calc(var(--size-5xs) * -1);margin:0;text-transform:none;font-size:var(--typo-body-l)}.hero-text-centered .btn-text-container .subtitle{color:var(--color-white);font-size:var(--typo-body-regular);font-weight:var(--font-weight-400);text-transform:none;line-height:var(--size-s);margin:0}.hero-text-centered .btn-text-container h6.subtitle{font-size:var(--typo-heading-4-mobile);font-weight:700}.hero-text-centered .btn-text-container .btn-container{display:flex;flex-direction:row;gap:var(--space-s);justify-content:center}.hero-text-centered .btn-text-container .btn-container.single-btn .btn{width:var(--size-100-per-100)}.hero-text-centered .btn-text-container .btn-container.btn-to-light .btn{background-color:var(--color-black);color:var(--color-white)}.hero-text-centered .btn-text-container .btn-container.btn-to-light .btn:hover{background-color:var(--color-primary-2)}.hero-text-centered .widget{max-width:calc(var(--size-xs-xs) * 22);position:absolute;right:calc(var(--space-xs-xs) * 9);top:calc(var(--size-xs-xs) * 24);text-decoration:none;z-index:1}.hero-text-centered .widget .container{align-items:center;display:flex;flex-direction:row;gap:var(--space-xxs)}.hero-text-centered .widget>.container{gap:var(--space-xs)}.hero-text-centered .widget .hint{background:var(--gradient-widget-hint);border:var(--size-4xs) solid var(--color-gray-4);border-radius:var(--border-radius-xxs);padding:var(--space-xxs) var(--space-xs) var(--space-xxs) var(--space-xxs)}.hero-text-centered .widget .hint .icon{position:relative;width:var(--size-s)}.hero-text-centered .widget .hint .icon svg{height:calc(var(--size-xs-xs) * 2);left:0;top:calc(var(--size-xs-xs) * -1);position:absolute;transform:rotate(var(--deg-90));width:calc(var(--size-xs-xs) * 2)}.hero-text-centered .widget .hint .icon svg path{fill:var(--color-white)}.hero-text-centered .widget .dot,.hero-text-centered .widget .hint .img{display:flex}@media only screen and (min-width: 990px){.hero-text-centered .widget{bottom:var(--size-24-vw);right:calc(var(--size-xs-xs) * 18);top:unset}}@media only screen and (min-width: 1440px){.hero-text-centered .widget{right:calc(var(--size-10-vw) * 3)}}@media only screen and (max-height: 590px){.hero-text-centered .widget{bottom:var(--size-10-vw)}}.hero-text-centered .widget .dot svg{animation:opacityAnimation 2s infinite alternate ease-in-out}.hero-text-centered .widget .dot svg circle{animation:pulseAnimation 2s infinite alternate ease-in-out;transform-origin:center}@keyframes opacityAnimation{0%{opacity:.3}to{opacity:1}}@keyframes pulseAnimation{0%{opacity:.3;transform:scale(1)}to{opacity:1;transform:scale(1.3)}}.hero-text-centered .widget .hint .img-product-tag{border-radius:var(--border-radius-3xs)}.hero-text-centered .widget .hint .title,.hero-text-centered .widget .hint .price{color:var(--color-white);margin:0}.hero-text-centered .widget .hint .title{font-size:var(--typo-body-l)}.hero-text-centered .widget .hint .price{font-weight:var(--font-weight-400)}@media only screen and (min-width: 750px){.hero-text-centered .btn-text-container h6.subtitle{font-size:var(--typo-body-l)}.hero-text-centered .btn-text-container .title{font-size:var(--typo-heading-2)}.hero-text-centered .btn-text-container .btn-container.single-btn .btn{width:auto}.hero-text-centered .btn-text-container{max-width:calc(var(--size-xs-xs) * 60);width:var(--size-100-per-100)}}@media only screen and (min-width: 990px){.hero-text-centered .btn-container .title{font-size:var(--typo-heading-1);text-transform:capitalize}.hero.full-width .btn-text-container{margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero-text-centered.css.map */