.button{background:0 0;background-color:var(--accent);letter-spacing:-.01em;text-transform:uppercase;cursor:pointer;border:none;border-radius:.375rem;justify-content:center;align-items:center;max-width:max-content;height:2.75rem;padding:.375rem;font-family:inherit;font-size:.75rem;font-weight:600;text-decoration:none;transition:background-color .5s cubic-bezier(.625,.05,0,1);display:flex;position:relative;overflow:hidden}.button__arrow{width:2rem;height:2rem;color:var(--on-accent);transform-origin:0;z-index:2;border-radius:.1875rem;flex-flow:row;justify-content:center;align-items:center;transition:transform .735s cubic-bezier(.625,.05,0,1);display:flex;position:relative;transform:scale(0)rotate(.001deg)}.button__arrow--duplicate{z-index:2;transform-origin:100%;position:absolute;right:.375rem;transform:scale(1)rotate(.001deg)}.button__arrow-svg{transition:transform .735s cubic-bezier(.625,.05,0,1);transform:rotate(.001deg)}.button__arrow-svg path{fill:var(--accent)}.button__content{z-index:1;margin:0 1.25rem;transition:transform .735s cubic-bezier(.625,.05,0,1);position:relative;transform:translate(-2rem)rotate(.001deg)}.button__content-text{color:var(--on-accent);line-height:1}.button__bg{z-index:0;background-color:#0000;border-radius:.375rem;width:100%;height:100%;transition:background-color .5s cubic-bezier(.625,.05,0,1);position:absolute;top:0;left:0}.button__circle-wrap{z-index:0;border-radius:.375rem;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.button__circle{pointer-events:none;border-radius:50%;width:100%;transition:transform .7s cubic-bezier(.625,.05,0,1),background-color .4s cubic-bezier(.625,.05,0,1);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)rotate(.001deg)}.button__circle-inner{padding-top:100%;display:block}.button:hover .button__circle{transform:translate(-50%,-50%)scale(1)rotate(.001deg)}.button:hover .button__content{transform:translate(0)rotate(.001deg)}.button:hover .button__arrow{transform:scale(1)rotate(.001deg)}.button:hover .button__arrow--duplicate{transform:scale(0)rotate(.001deg)}.button:not(.button--icon):not(.button--custom-arrow):hover .button__arrow-svg{transform:rotate(45deg)}.button--sm{height:2rem;padding:.625rem 0}.button--sm .button__arrow{border-radius:.125rem;width:1.25rem;height:1.25rem}.button--sm .button__arrow-svg{width:.75rem;height:.75rem}.button--sm .button__content{margin:0 .875rem}.button--tiny{height:auto;padding:.5rem .75rem}.button--tiny .button__content{margin:0}.button--primary .button__arrow{background-color:var(--on-accent)}.button--primary .button__bg{background-color:var(--accent)}.button--primary .button__circle{background-color:var(--accent-hover)}.button--primary:hover{background-color:#0000}.button--primary:hover .button__bg{background-color:var(--accent-hover)}.button--primary:hover .button__content-text{color:var(--on-accent)}.button--secondary{background-color:var(--surface);border:1px solid var(--border-color)}.button--secondary:not(.button--icon) .button__arrow{background-color:var(--bg-alt);border:1px solid var(--border-color)}.button--secondary .button__content-text{color:var(--ink-soft)}.button--secondary .button__bg{background-color:var(--surface);box-sizing:border-box}.button--secondary .button__circle{background-color:var(--surface)}.button--secondary:hover{background-color:#0000;border-color:#0000}.button--secondary:hover .button__bg{background-color:var(--surface-hover);border:1px solid var(--border-color)}.button--no-arrow .button__content,.button--no-arrow:hover .button__content{transform:translate(0)rotate(.001deg)}.button--no-arrow .button__bg{border:none}.button--no-arrow.button--secondary path{fill:var(--ink-muted)}.button--arrow-only{width:2.75rem;height:2.75rem;padding:.375rem}.button--arrow-only .button__arrow:not(.button__arrow--duplicate){background-color:#0000;transition:transform .735s cubic-bezier(.625,.05,0,1);transform:scale(1)rotate(.001deg)}.button--arrow-only .button__arrow:not(.button__arrow--duplicate) svg path{fill:var(--on-accent)}.button--arrow-only .button__arrow--duplicate{transform-origin:0;background-color:#0000;border-radius:100%;transform:scale(0)rotate(.001deg);transition:transform .735s cubic-bezier(.625,.05,0,1),background-color .735s cubic-bezier(.625,.05,0,1),border-radius 1.2s cubic-bezier(.625,.05,0,1)!important;left:.375rem!important;right:auto!important}.button--arrow-only:hover .button__arrow:not(.button__arrow--duplicate){transform:scale(0)rotate(.001deg)}.button--arrow-only:hover .button__arrow--duplicate{background-color:var(--on-accent)!important;border-radius:.1875rem!important;transform:scale(1)rotate(.001deg)!important}.button--icon{width:2.75rem;height:2.75rem;padding:.375rem}.button--icon .button__bg{border:none}.button--icon .button__arrow:not(.button__arrow--duplicate){background-color:#0000;transition:transform .735s cubic-bezier(.625,.05,0,1);transform:scale(1)rotate(.001deg)}.button--icon .button__arrow:not(.button__arrow--duplicate) svg path{fill:var(--on-accent)}.button--icon .button__arrow--duplicate{transform-origin:0;background-color:#0000;border-radius:100%;position:absolute;transform:scale(0)rotate(.001deg);transition:transform .735s cubic-bezier(.625,.05,0,1),background-color .735s cubic-bezier(.625,.05,0,1),border-radius 1.2s cubic-bezier(.625,.05,0,1)!important;left:.3rem!important;right:auto!important}.button--icon:hover .button__arrow:not(.button__arrow--duplicate){transform:scale(0)rotate(.001deg)}.button--icon:hover .button__arrow--duplicate{border-radius:.1875rem!important;transform:scale(1)rotate(.001deg)!important}.button--icon.button--secondary:hover .button__arrow--duplicate{background-color:color-mix(in srgb, var(--bg) 50%, transparent)!important}.button--icon.button--secondary .button__arrow svg path{fill:var(--ink-soft)}.button--icon.button--secondary .button__arrow--duplicate svg path{fill:var(--ink)}