.kfsys-new-hero{--kfsys-banner-cta-font: "KFSYS Hero Body", Arial, Helvetica, sans-serif;--kfsys-banner-cta-text: var(--kfsys-new-hero-desktop-cta-text, currentColor);--kfsys-banner-cta-border: var(--kfsys-new-hero-desktop-cta-border, currentColor);--kfsys-banner-cta-fill-border: var(--kfsys-new-hero-desktop-cta-fill-border, #fff);--kfsys-banner-cta-fill-text: var(--kfsys-new-hero-desktop-cta-fill-text, #101010);--kfsys-banner-cta-background: var(--kfsys-new-hero-desktop-cta-background, #fff)}.kfsys-text-banner{--kfsys-banner-cta-font: "KFSYS Banner Body", Arial, Helvetica, sans-serif;--kfsys-banner-cta-text: var(--kfsys-text-banner-cta-text, currentColor);--kfsys-banner-cta-border: var(--kfsys-text-banner-cta-border, currentColor);--kfsys-banner-cta-fill-border: var(--kfsys-text-banner-cta-border, currentColor);--kfsys-banner-cta-fill-text: var(--kfsys-text-banner-cta-fill-text, #452d2c);--kfsys-banner-cta-background: var(--kfsys-text-banner-cta-background, #fff)}.kfsys-banner-ctas{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px 48px;min-width:0;max-width:100%}.kfsys-banner-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;max-width:100%;min-height:24px;margin:0;padding:0;border:0;border-radius:0;color:var(--kfsys-banner-cta-text, currentColor);background:transparent;box-shadow:none;font-family:var(--kfsys-banner-cta-font, Arial, Helvetica, sans-serif);font-size:16px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:.1em;text-align:center;text-indent:1px;text-decoration:none;text-transform:uppercase;overflow-wrap:anywhere;transition:color .18s ease,background-color .18s ease,border-color .18s ease;-webkit-tap-highlight-color:transparent}html.no-js .kfsys-banner-cta,html.kfsys-new-hero-fonts-failed .kfsys-new-hero .kfsys-banner-cta,html.kfsys-text-banner-fonts-failed .kfsys-text-banner .kfsys-banner-cta{font-family:Arial,Helvetica,sans-serif}.kfsys-banner-cta--underline:after{position:absolute;right:0;bottom:0;left:0;height:1px;background:currentColor;content:"";transform-origin:center;transition:transform .18s ease}.kfsys-banner-cta--outline,.kfsys-banner-cta--fill{width:max-content;min-width:min(238px,100%);min-height:58px;padding:16px 20px;border:1px solid var(--kfsys-banner-cta-border, currentColor)}.kfsys-new-hero__cta-item:has(.kfsys-banner-cta--outline,.kfsys-banner-cta--fill){min-width:min(238px,100%)}.kfsys-banner-cta--fill{border-color:var(--kfsys-banner-cta-fill-border, currentColor);color:var(--kfsys-banner-cta-fill-text, #101010);background:var(--kfsys-banner-cta-background, #fff)}.kfsys-banner-cta:focus-visible{outline:2px solid currentColor;outline-offset:5px}.kfsys-banner-cta--underline:focus-visible:after,:is(.kfsys-new-hero__link,.kfsys-text-banner__link):focus-visible~:is(.kfsys-new-hero__frame,.kfsys-text-banner__frame) .kfsys-banner-cta--underline:after{transform:scaleX(.7)}.kfsys-banner-cta--outline:focus-visible,:is(.kfsys-new-hero__link,.kfsys-text-banner__link):focus-visible~:is(.kfsys-new-hero__frame,.kfsys-text-banner__frame) .kfsys-banner-cta--outline{color:var(--kfsys-banner-cta-fill-text, #101010);background:var(--kfsys-banner-cta-background, #fff)}.kfsys-banner-cta--fill:focus-visible,:is(.kfsys-new-hero__link,.kfsys-text-banner__link):focus-visible~:is(.kfsys-new-hero__frame,.kfsys-text-banner__frame) .kfsys-banner-cta--fill{border-color:var(--kfsys-banner-cta-border, currentColor);color:var(--kfsys-banner-cta-text, currentColor);background:transparent}@media(hover:hover){.kfsys-banner-cta--underline:hover:after,:is(.kfsys-new-hero__link,.kfsys-text-banner__link):hover~:is(.kfsys-new-hero__frame,.kfsys-text-banner__frame) .kfsys-banner-cta--underline:after{transform:scaleX(.7)}.kfsys-banner-cta--outline:hover,:is(.kfsys-new-hero__link,.kfsys-text-banner__link):hover~:is(.kfsys-new-hero__frame,.kfsys-text-banner__frame) .kfsys-banner-cta--outline{color:var(--kfsys-banner-cta-fill-text, #101010);background:var(--kfsys-banner-cta-background, #fff)}.kfsys-banner-cta--fill:hover,:is(.kfsys-new-hero__link,.kfsys-text-banner__link):hover~:is(.kfsys-new-hero__frame,.kfsys-text-banner__frame) .kfsys-banner-cta--fill{border-color:var(--kfsys-banner-cta-border, currentColor);color:var(--kfsys-banner-cta-text, currentColor);background:transparent}}@media screen and (max-width:749px){.kfsys-new-hero{--kfsys-banner-cta-text: var(--kfsys-new-hero-mobile-cta-text, currentColor);--kfsys-banner-cta-border: var(--kfsys-new-hero-mobile-cta-border, currentColor);--kfsys-banner-cta-fill-border: var(--kfsys-new-hero-mobile-cta-fill-border, #fff);--kfsys-banner-cta-fill-text: var(--kfsys-new-hero-mobile-cta-fill-text, #101010);--kfsys-banner-cta-background: var(--kfsys-new-hero-mobile-cta-background, #fff)}.kfsys-text-banner{--kfsys-banner-cta-text: var(--kfsys-text-banner-mobile-cta-text, var(--kfsys-text-banner-cta-text, currentColor));--kfsys-banner-cta-border: var(--kfsys-text-banner-mobile-cta-border, var(--kfsys-text-banner-cta-border, currentColor));--kfsys-banner-cta-fill-border: var(--kfsys-text-banner-mobile-cta-border, var(--kfsys-text-banner-cta-border, currentColor));--kfsys-banner-cta-fill-text: var(--kfsys-text-banner-mobile-cta-fill-text, var(--kfsys-text-banner-cta-fill-text, #452d2c));--kfsys-banner-cta-background: var(--kfsys-text-banner-mobile-cta-background, var(--kfsys-text-banner-cta-background, #fff))}}@media screen and (max-width:359px){.kfsys-banner-ctas{column-gap:24px}.kfsys-banner-cta{font-size:14px;line-height:22px}.kfsys-banner-cta--underline{min-height:22px}}@media(prefers-reduced-motion:reduce){.kfsys-banner-cta,.kfsys-banner-cta:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1369/assets/component-kfsys-banner-cta.css.map */