.button{align-items:center;background:none;border:1px solid var(--belline-ink);box-sizing:border-box;color:var(--belline-ink);cursor:pointer;display:inline-flex;font-family:var(--app-button-font,var(--font-label));font-size:.72rem;font-weight:400;justify-content:center;padding:15px 18px;text-decoration:none;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--belline-radius-btn);letter-spacing:.14em;transition:background-color var(--belline-duration-fast,.22s) var(--belline-ease-out,cubic-bezier(.22,1,.36,1)),border-color var(--belline-duration-fast,.22s) var(--belline-ease-out,cubic-bezier(.22,1,.36,1)),color var(--belline-duration-fast,.22s) var(--belline-ease-out,cubic-bezier(.22,1,.36,1)),box-shadow var(--belline-duration-md,.42s) var(--belline-ease-out,cubic-bezier(.22,1,.36,1)),transform var(--belline-duration-fast,.22s) var(--belline-ease-out,cubic-bezier(.22,1,.36,1))}.button:active{transform:translateY(1px)}.button__small{padding:8px 20px}.button__text{align-items:center;display:flex}.button svg{margin-left:11px}.button:hover{background:#3c363312;color:var(--belline-ink)}.button:hover svg line,.button:hover svg path{stroke:var(--belline-ink)}.button.button__light{background:var(--belline-btn-bg);border-color:var(--belline-btn-border);box-shadow:inset 0 1px #ffffffa6;color:var(--belline-btn-text)}.button.button__light:hover{background:var(--belline-btn-bg-hover);border-color:var(--belline-accent-strong);box-shadow:inset 0 1px #ffffff80,0 8px 22px #3f3a360f;color:var(--belline-btn-text)}.button.button__dark{border-color:var(--belline-ink);color:var(--belline-ink)}.button.button__dark svg line,.button.button__dark svg path{stroke:var(--belline-ink)}.button.button__dark:hover{background:#3c363312;color:var(--belline-ink)}.button.button__dark:hover svg line,.button.button__dark:hover svg path{stroke:var(--belline-ink)}.button.button--custom{background:var(--app-button-bg);border-color:var(--app-button-border);box-shadow:none;color:var(--app-button-text)}.button.button--custom svg line,.button.button--custom svg path{stroke:currentColor!important}.button.button--custom:hover{background:var(--app-button-bg-hover);border-color:var(--app-button-bg-hover);box-shadow:0 8px 22px #18141229;color:var(--app-button-text)}.button svg line,.button svg path,.button.button--custom:hover svg line,.button.button--custom:hover svg path{stroke:currentColor!important}
