.app-button{align-items:center;background:transparent;border:none;border-radius:6.25rem;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.36em;justify-content:center;letter-spacing:-.01em;line-height:1.05;overflow:hidden;position:relative;text-decoration:none;word-break:break-word;color:inherit}.app-button--stroke:after{content:"";position:absolute;inset:0;border-radius:100px;pointer-events:none;border:1px solid var(--btn-border-color)}.app-button__label{font-size:16px;font-weight:500;position:relative;text-align:center;z-index:1;transition:color .15s ease}.app-button__flair{position:absolute;inset:0;pointer-events:none}.app-button--stroke .app-button__flair{transform:scale(0);transform-origin:0 0;will-change:transform}.app-button__flair:before{content:"";position:absolute;left:0;top:0;width:170%;aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%}.app-btn-white{color:var(--color-base-primary);background:var(--color-base-white)}.app-btn-white .app-button__flair:before{background-color:var(--color-base-primary)}.app-btn-white:hover .app-button__label{color:var(--color-base-white)}.app-btn-white:hover svg{color:var(--color-base-white)}.app-btn-white:hover svg path[fill=currentColor]{fill:var(--color-base-white)}.app-btn-white:hover svg path[fill=white]{fill:var(--color-base-primary)}.app-btn-blue{color:var(--color-base-white);background:var(--color-base-primary)}.app-btn-blue svg path[fill=currentColor]{fill:var(--color-base-white)}.app-btn-blue svg path[fill=white]{fill:var(--color-base-primary)}.app-btn-blue .app-button__flair:before{background-color:var(--color-base-white)}.app-btn-blue:hover .app-button__label{color:var(--color-base-primary)}.app-btn-blue:hover svg{color:var(--color-base-primary)}.app-btn-blue:hover svg path[fill=currentColor]{fill:var(--color-base-primary)}.app-btn-blue:hover svg path[fill=white]{fill:var(--color-base-white)}.app-btn-black{color:var(--color-base-white);background:var(--color-base-black)}.app-btn-black svg path[fill=currentColor]{fill:var(--color-base-white)}.app-btn-black svg path[fill=white]{fill:var(--color-base-black)}.app-btn-black .app-button__flair:before{background-color:var(--color-base-white)}.app-btn-black:hover .app-button__label{color:var(--color-base-black)}.app-btn-black:hover svg{color:var(--color-base-black)}.app-btn-black:hover svg path[fill=currentColor]{fill:var(--color-base-black)}.app-btn-black:hover svg path[fill=white]{fill:var(--color-base-white)}