@layer components{.button{--button-text-color:var(--g-color-contrast);--button-color:var(--g-color-orange-200);--button-color-hover:var(--g-color-orange-300);--button-color-active:var(--g-color-orange-100);--button-color-focus:var(--g-color-base);--button-space-size:.8rem}.button__link{min-width:100%;height:6rem;padding:0 0 0 var(--button-space-size);background:unset;transition-property:transform;transition-duration:var(--g-easing-duration);transition-timing-function:var(--g-easing-hover);text-decoration:none;display:inline-flex;position:relative}@container (min-width:768px){.button__link{min-width:22rem}}.button__link:before{content:"";width:calc(100% - var(--button-space-size));border:.1rem solid var(--button-color);pointer-events:none;height:5.2rem;transition-property:border-color,box-shadow;transition-duration:var(--g-easing-duration);transition-timing-function:var(--g-easing-hover);border-radius:2.8rem;position:absolute;bottom:0;left:0}.button__link:active:before{border-color:var(--button-color-active)}.button__link:active .button__inner{background-color:var(--button-color-active)}.button__link:focus-visible{outline:none}.button__link:focus-visible:before{border-color:var(--button-color-focus);box-shadow:inset 0 0 0 .1rem var(--button-color-focus)}.button__link:focus-visible .button__inner{box-shadow:inset 0 0 0 .2rem var(--button-color-focus)}@media (hover:hover) and (pointer:fine){.button__link:hover:before{border-color:var(--button-color-hover)}.button__link:hover .button__inner{background-color:var(--button-color-hover);transform:translate(calc(-1*var(--button-space-size)),var(--button-space-size))}.button__link:hover:active:before{border-color:var(--button-color-active)}.button__link:hover:active .button__inner{background-color:var(--button-color-active)}}.button__inner{width:100%;height:5.3rem;color:var(--button-text-color);font-family:var(--g-font-secondary);letter-spacing:0;background-color:var(--button-color);cursor:pointer;transition-property:background-color,box-shadow,transform;transition-duration:var(--g-easing-duration);transition-timing-function:var(--g-easing-hover);z-index:2;border-radius:2.8rem;justify-content:center;align-items:center;gap:.8rem;padding-inline:2.4rem;font-size:1.6rem;font-weight:700;line-height:1.3;text-decoration:none;display:inline-flex;position:relative}@media (min-width:1024px){.button__inner{min-width:16.6rem}}.button__icon{place-items:center;width:2.1rem;height:1.4rem;display:grid;position:relative;top:-.1rem}.button__icon svg path{fill:currentColor}.button.is-style-secondary{--button-color:var(--g-color-contrast);--button-text-color:var(--g-color-base);--button-color-focus:var(--g-color-beige-200)}.button.is-style-secondary .button__link:before{border-color:var(--g-color-beige-200)}.button.is-style-secondary .button__link:focus-visible .button__inner{box-shadow:inset 0 0 0 .1rem var(--g-color-beige-200)}@media (hover:hover) and (pointer:fine){.button.is-style-secondary .button__link:hover:before{border-color:var(--g-color-base)}.button.is-style-secondary .button__link:hover .button__inner{background-color:var(--g-color-contrast)}}.button.is-style-secondary .button__inner{border:.1rem solid var(--g-color-beige-200)}.button.is-style-tertiary{--button-color:var(--g-color-contrast);--button-text-color:var(--g-color-base)}.button.is-style-tertiary .button__link:before{border-color:var(--g-color-base)}.button.is-style-tertiary .button__link:focus-visible .button__inner{box-shadow:inset 0 0 0 .1rem var(--g-color-base)}@media (hover:hover) and (pointer:fine){.button.is-style-tertiary .button__link:hover:before{border-color:var(--g-color-base)}.button.is-style-tertiary .button__link:hover .button__inner{background-color:var(--g-color-contrast)}}.button.is-style-tertiary .button__inner{border:.1rem solid var(--g-color-base)}}
