.no9-btn{--no9-btn-radius: 50px;--no9-btn-py: 1.6rem;--no9-btn-px: 4rem;--no9-btn-fs: 1.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.6em;box-sizing:border-box;padding:var(--no9-btn-py) var(--no9-btn-px);border:1px solid transparent;border-radius:var(--no9-btn-radius);font-family:var(--font-body-family);font-weight:500;font-size:var(--no9-btn-fs, 1.5rem);line-height:1;letter-spacing:normal;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}.no9-btn:focus-visible{outline:2px solid var(--no9-btn-border, var(--no9-burgundy));outline-offset:3px}.no9-btn--full{display:flex;width:100%}.no9-btn--primary{background-color:var(--no9-btn-bg, var(--no9-burgundy));color:var(--no9-btn-text, #ffffff);border-color:var(--no9-btn-border, var(--no9-btn-bg, var(--no9-burgundy)))}@media(hover:hover){.no9-btn--primary:hover{background-color:var(--no9-btn-bg-hover, var(--no9-bright-accent));border-color:var(--no9-btn-bg-hover, var(--no9-bright-accent));color:var(--no9-btn-text-hover, #ffffff)}}.no9-btn--secondary{background-color:var(--no9-btn-bg, transparent);color:var(--no9-btn-text, var(--no9-burgundy));border-color:var(--no9-btn-border, var(--no9-burgundy))}@media(hover:hover){.no9-btn--secondary:hover{background-color:var(--no9-btn-bg-hover, var(--no9-bright-accent));border-color:var(--no9-btn-bg-hover, var(--no9-bright-accent));color:var(--no9-btn-text-hover, #ffffff)}}.no9-btn--tertiary{--no9-btn-px: 0px;--no9-btn-py: 1.2rem;background:transparent;color:var(--no9-btn-text, var(--no9-burgundy));border:0;border-bottom:1px solid var(--no9-btn-border, var(--no9-burgundy));border-radius:0;justify-content:space-between;gap:2rem}@media(hover:hover){.no9-btn--tertiary:hover{color:var(--no9-btn-text-hover, var(--no9-bright-accent));border-color:var(--no9-btn-text-hover, var(--no9-bright-accent))}}.no9-btn--gradient{--no9-grad-from: var(--no9-darkest-burgundy);--no9-grad-to: var(--no9-primary-burgundy);--no9-grad-hover: var(--no9-darkest-burgundy);--no9-grad-angle: 80deg;--no9-grad-speed: .5s;--no9-grad-dir: -100%;position:relative;z-index:0;overflow:hidden;border-color:transparent;color:var(--no9-btn-text, #ffffff);font-family:var(--font-heading-family);font-weight:500;text-transform:uppercase;letter-spacing:.02em;background-image:linear-gradient(var(--no9-grad-angle),var(--no9-grad-from),var(--no9-grad-to))}.no9-btn--gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:var(--no9-grad-hover);transform:translate(var(--no9-grad-dir, -100%));transition:transform var(--no9-grad-speed, .5s) ease}@media(hover:hover){.no9-btn--gradient:hover:before,.no9-btn--gradient:focus-visible:before{transform:translate(0)}}.no9-btn--gradient .no9-btn__label,.no9-btn--gradient .no9-btn__arrow{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.no9-btn--gradient:before{transition:none}}.no9-btn__arrow{display:inline-flex;width:1.1em;height:1.1em;flex:0 0 auto}.no9-btn__arrow svg{width:100%;height:100%}@media screen and (max-width:400px){.no9-btn:not(.no9-btn--tertiary){--no9-btn-px: 2.4rem;--no9-btn-py: 1.4rem;--no9-btn-fs: 1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/no9-buttons.css.map */