.btn{--btn-height:2.5rem;--btn-radius:2.5rem;--btn-icon-size:1.25rem;justify-content:center;align-items:center;gap:var(--spacing-xs);height:var(--btn-height);padding:0 var(--spacing-xl);border-radius:var(--btn-radius);cursor:pointer;white-space:nowrap;isolation:isolate;border:none;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex;position:relative}.btn:after{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:0 0;transition:background .15s;position:absolute;inset:0}.btn__icon{width:var(--btn-icon-size);height:var(--btn-icon-size);flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn--icon-left{padding-left:var(--spacing-lg)}.btn--icon-right{padding-right:var(--spacing-lg)}.btn--icon-only{width:var(--btn-height);padding:0}.btn:disabled{cursor:not-allowed;opacity:.38}.btn:focus-visible{outline-offset:3px;outline:2px solid}.btn--primary{background:var(--color-primary);color:var(--color-white)}.btn--primary:before{content:"";border-radius:inherit;background:linear-gradient(to right, transparent, var(--color-primary-light));opacity:1;pointer-events:none;z-index:-1;transition:opacity .15s;position:absolute;inset:0}.btn--primary:hover:not(:disabled):before{opacity:0}.btn--primary:focus-visible{outline-color:var(--color-primary)}.btn--primary:active:not(:disabled){background:var(--color-primary-black-20)}.btn--primary:active:not(:disabled):before{opacity:0}.btn--primary.btn--inverted{background:var(--color-white);color:var(--color-primary)}.btn--primary.btn--inverted:before{display:none}.btn--primary.btn--inverted:hover:not(:disabled){color:var(--color-primary-black-40)}.btn--primary.btn--inverted:focus-visible{outline-color:var(--color-primary)}.btn--primary.btn--inverted:active:not(:disabled){background:var(--color-white);color:var(--color-primary-black-40)}.btn--secondary{color:var(--color-primary);border:1px solid var(--color-primary);background:0 0}.btn--secondary:hover:not(:disabled):after{background:#03604114}.btn--secondary:focus-visible{outline-color:var(--color-primary)}.btn--secondary:active:not(:disabled):after{background:#03604129}.btn--secondary.btn--inverted{color:var(--color-white);border-color:var(--color-white);background:0 0}.btn--secondary.btn--inverted:hover:not(:disabled):after{background:#ffffff1f}.btn--secondary.btn--inverted:focus-visible{outline-color:var(--color-white)}.btn--secondary.btn--inverted:active:not(:disabled):after{background:#ffffff3d}.btn--tertiary{color:var(--color-primary);height:2.5rem;padding:0 var(--spacing-xl);background:0 0;border:none;border-radius:2.5rem}.btn--tertiary.btn--icon-left{padding-left:var(--spacing-lg)}.btn--tertiary.btn--icon-right{padding-right:var(--spacing-lg)}.btn--tertiary.btn--icon-only{border-radius:2.5rem;width:2.5rem;height:2.5rem;padding:0}.btn--tertiary:hover:not(:disabled):after{background:#03604114}.btn--tertiary:focus-visible{outline-color:var(--color-primary)}.btn--tertiary:focus-visible:after{background:#03604114}.btn--tertiary:active:not(:disabled):after{background:#03604129}.btn--tertiary.btn--inverted{color:var(--color-white)}.btn--tertiary.btn--inverted:hover:not(:disabled):after,.btn--tertiary.btn--inverted:focus-visible:after{background:#ffffff1f}.btn--tertiary.btn--inverted:focus-visible{outline-color:var(--color-white)}.btn--tertiary.btn--inverted:active:not(:disabled):after{background:#ffffff3d}