.BaseButton{--c-button-color:var(--c-white);--c-button-color-hover:var(--c-white);--c-button-background:var(--c-grey-a65);--c-button-background-hover:var(--c-black);align-items:center;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background-color:var(--c-button-background);border-radius:5rem;color:var(--c-button-color);display:inline-flex;font-size:var(--f-s-font-size);gap:1rem;justify-content:center;line-height:var(--f-s-line-height);padding:.75em 1.75em;position:relative;transition:background-color .2s cubic-bezier(.165,.84,.44,1),color .2s cubic-bezier(.165,.84,.44,1);vertical-align:middle}.BaseButton:active,.BaseButton:hover{background-color:var(--c-button-background-hover);color:var(--c-button-color-hover)}.BaseButton.pink{--c-button-background:var(--c-pink-dark-a65);--c-button-background-hover:var(--c-pink-dark)}.BaseButton.dark{--c-button-background:var(--c-black-a80);--c-button-background-hover:var(--c-black);padding:1.25em 1.75em}.BaseButton.light{--c-button-color-hover:var(--c-black)}.BaseButton.light,.BaseButton.light-green{--c-button-background:var(--c-white-a16);--c-button-background-hover:var(--c-white)}.BaseButton.light-green{--c-button-color:var(--c-theme-green);--c-button-color-hover:var(--c-black)}.BaseButton:where([aria-disabled=true i],[disabled]){--c-button-background:var(--c-grey-a65);--c-button-background-hover:var(--c-grey-a65);opacity:.5}.BaseButton.icon{border-radius:48px;height:3rem;padding:0;width:3rem}
