.hero-supplesmart{padding:6rem 0;text-align:center}.hero-supplesmart__eyebrow{display:block;font-size:2rem;font-weight:600;letter-spacing:.05rem;text-transform:capitalize;color:var(--hero-eyebrow-color, rgb(var(--color-link, var(--color-foreground))));margin:0 0 1.2rem}.hero-supplesmart__heading{margin:0 0 1.2rem;color:var(--hero-heading-color, inherit);font-weight:600}.hero-supplesmart__subheading{max-width:60rem;margin:0 auto 3rem;color:var(--hero-subheading-color, rgba(var(--color-foreground), .75))}.hero-supplesmart__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:5rem}.hero-supplesmart__buttons .button{font-weight:600;font-size:1.6rem;letter-spacing:normal;transition:.3s ease-in-out all}.hero-supplesmart__buttons .button.button--primary{position:relative;overflow:hidden;background-image:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);background-size:250% 100%;background-position:150% 0;background-repeat:no-repeat}.hero-supplesmart__buttons .button.button--primary:hover{--color-button: 51, 102, 194;--color-button-text: 255, 255, 255;background-position:-50% 0;transition:background-position .6s ease,background-color .3s ease,color .3s ease,box-shadow .3s ease}.hero-supplesmart__buttons .button.button--secondary{position:relative;overflow:hidden;background-image:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);background-size:250% 100%;background-position:150% 0;background-repeat:no-repeat}.hero-supplesmart__buttons .button.button--secondary:hover{background-color:#c8963e!important;color:#fff!important;--color-button-text: 255, 255, 255;background-position:-50% 0;transition:background-position .6s ease,background-color .3s ease,color .3s ease,box-shadow .3s ease}.hero-supplesmart__media{max-width:90%;margin:0 auto}.hero-supplesmart__media img,.hero-supplesmart__media svg{width:100%;height:auto;display:block}@media screen and (max-width:992px){.hero-supplesmart__media{max-width:100%}}@media screen and (max-width:749px){.hero-supplesmart{padding:4rem 0 0}.hero-supplesmart__buttons{flex-wrap:nowrap;gap:.75rem}.hero-supplesmart__buttons .button{width:max-content;font-size:1.25rem;min-height:42px}.hero-supplesmart__subheading{margin-bottom:2.5rem;max-width:85%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-hero-supplesmart.css.map */