.button{display:inline-flex;align-items:center;gap:0;text-decoration:none;font-family:var(--font-primary--family);font-weight:var(--font-weight-semibold);font-size:var(--font-size-button);letter-spacing:var(--letter-spacing-button);text-transform:uppercase;line-height:1;background:transparent;border:none}.button__label{display:flex;align-items:center;padding:.875rem 1.25rem;border-radius:999px;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.button__icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-inline-start:-.9375rem;flex-shrink:0;border-radius:50%;transition:background-color .2s ease,color .2s ease,transform .25s ease}.button--arrow-right:hover .button__icon,.button--arrow-right:focus-visible .button__icon{transform:translate(.25rem)}.button--arrow-down .button__icon svg{transform:rotate(90deg)}.button--arrow-down:hover .button__icon,.button--arrow-down:focus-visible .button__icon{transform:translateY(.25rem)}.button--arrow-left .button__icon svg{transform:rotate(180deg)}.button--arrow-left:hover .button__icon,.button--arrow-left:focus-visible .button__icon{transform:translate(-.25rem)}.button__icon svg{width:.5rem;height:.875rem}@property --primary-trace{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.button--primary,.button--primary-inline,.blog-case-study__cta{--primary-radius: 1.625rem .375rem 1.625rem 1.625rem;color:var(--color-brand-white)}.button--primary .button__label,.button--primary-inline,.blog-case-study__cta-label{position:relative;isolation:isolate;z-index:1;border-radius:var(--primary-radius);background-color:var(--color-solaris-ember);border:1px solid rgb(255 255 255 / .18);box-shadow:inset 0 1px #ffffff24;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.button--primary .button__icon,.blog-case-study__cta-arrow{display:none}.button--primary .button__label:after,.button--primary-inline:after,.blog-case-study__cta-label:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from 225deg,rgb(255 255 255 / .88) 0%,rgb(255 255 255 / .88) var(--primary-trace),transparent var(--primary-trace));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:--primary-trace .75s cubic-bezier(.4,0,.2,1),opacity .25s ease}.button--primary:hover .button__label,.button--primary:focus-visible .button__label,.button--primary-inline:hover,.button--primary-inline:focus-visible,.blog-case-study__link:hover .button--primary .button__label,.blog-case-study__link:focus-visible .button--primary .button__label,.blog-case-study__link:hover .blog-case-study__cta-label,.blog-case-study__link:focus-visible .blog-case-study__cta-label{background-color:var(--color-solaris-ember);border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff1a;filter:none}.button--primary:hover .button__label:after,.button--primary:focus-visible .button__label:after,.button--primary-inline:hover:after,.button--primary-inline:focus-visible:after,.blog-case-study__link:hover .button--primary .button__label:after,.blog-case-study__link:focus-visible .button--primary .button__label:after,.blog-case-study__link:hover .blog-case-study__cta-label:after,.blog-case-study__link:focus-visible .blog-case-study__cta-label:after{--primary-trace: 100%;opacity:1}.button--primary:hover,.button--primary:focus-visible,.button--primary-inline:hover,.button--primary-inline:focus-visible{color:var(--color-brand-white)}.button--primary-inline,.button--primary-inline:link,.button--primary-inline:visited,.button--primary-inline:hover,.button--primary-inline:focus,.button--primary-inline:focus-visible,.button--primary-inline:active{text-decoration:none}.button--primary-inline{padding:1rem 2rem}.button--secondary{color:var(--color-brand-white)}.button--secondary .button__label{background-color:var(--color-sovereign-blue)}.button--secondary .button__icon{background-color:var(--color-sovereign-blue-dark)}.button--secondary:hover .button__label,.button--secondary:focus-visible .button__label{background-color:var(--color-sovereign-blue-dark)}.button--secondary:hover .button__icon,.button--secondary:focus-visible .button__icon{background-color:var(--color-sovereign-blue-darker)}.button--secondary:hover,.button--secondary:focus-visible{color:var(--color-brand-white)}.button--secondary-inline,.button--secondary-inline:link,.button--secondary-inline:visited,.button--secondary-inline:hover,.button--secondary-inline:focus,.button--secondary-inline:focus-visible,.button--secondary-inline:active{text-decoration:none}.button--secondary-inline{padding:1rem 2rem;border:1px solid var(--color-brand-white);border-radius:999px;color:var(--color-brand-white);background-color:var(--color-sovereign-blue);transition:background-color .2s ease,color .2s ease,border-color .2s ease}.button--secondary-inline:hover,.button--secondary-inline:focus-visible{color:var(--color-brand-white);background-color:var(--color-sovereign-blue-dark)}.button--primary-inverted{color:var(--color-solaris-ember)}.button--primary-inverted .button__label{background-color:var(--color-brand-white)}.button--primary-inverted .button__icon{background-color:var(--color-brand-white);color:var(--color-solaris-ember)}.button--primary-inverted:hover .button__label,.button--primary-inverted:focus-visible .button__label{background-color:var(--color-brand-white-dark)}.button--primary-inverted:hover .button__icon,.button--primary-inverted:focus-visible .button__icon{background-color:var(--color-brand-white-dark)}.button--primary-inverted:hover,.button--primary-inverted:focus-visible{color:var(--color-solaris-ember)}.button--secondary-inverted{color:var(--color-sovereign-blue)}.button--secondary-inverted .button__label{background-color:var(--color-brand-white)}.button--secondary-inverted .button__icon{background-color:var(--color-brand-white);color:var(--color-sovereign-blue)}.button--secondary-inverted:hover .button__label,.button--secondary-inverted:focus-visible .button__label{background-color:var(--color-brand-white-dark)}.button--secondary-inverted:hover .button__icon,.button--secondary-inverted:focus-visible .button__icon{background-color:var(--color-brand-white-dark)}.button--secondary-inverted:hover,.button--secondary-inverted:focus-visible{color:var(--color-sovereign-blue)}.button--inline,.button--inline:link,.button--inline:visited,.button--inline:hover,.button--inline:focus,.button--inline:focus-visible,.button--inline:active{text-decoration:none}.button--inline{gap:.4rem;color:currentColor;transition:color .2s ease,opacity .2s ease}.button--inline .button__label{padding:0;border-radius:0;background:transparent}.button--inline .button__icon{width:auto;height:auto;margin-inline-start:0;border-radius:0;background:transparent;color:inherit}.button--inline:hover,.button--inline:focus-visible{color:var(--color-solaris-peach)}.button:focus-visible{outline:2px solid var(--color-solaris-ember);outline-offset:3px}@media(prefers-reduced-motion:reduce){.button__label,.button__icon,.button--primary-inline,.button--secondary-inline,.button--inline,.blog-case-study__cta-label{transition:none}.button--primary .button__label:after,.button--primary-inline:after,.blog-case-study__cta-label:after{--primary-trace: 100%;transition:opacity .2s ease}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/buttons.css.map */