.button{border:none;border-radius:.5em;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;padding:.6em 1.75em;text-decoration:none;transition-duration:.2s;transition-property:background-color,color}.button>i{margin-left:-.5em;margin-right:.5em}.button:disabled{cursor:not-allowed;opacity:.5}.button.square{align-items:center;display:inline-flex;height:2.2em;justify-content:center;padding:0;width:2.2em}.button.square>i{margin:0}.button.accent{background-color:var(--color-accent);color:var(--color-white)}.button.accent:hover{background-color:var(--color-accent-variant)}.button.accent-2{background-color:var(--color-accent-2);color:var(--color-white)}.button.accent-2:hover{background-color:var(--color-accent-2-variant)}.button.white{background-color:var(--color-gray-4);border-color:var(--color-accent);border-style:solid;border-width:1px;color:var(--color-accent)}.button.white:hover{background-color:var(--color-gray-3);border-color:var(--color-accent-dark);color:var(--color-accent-dark)}.button.red{background-color:var(--color-error);color:var(--color-white)}.button.red:hover{background-color:var(--color-error-variant)}.button.gray{background-color:var(--color-gray-2);color:var(--color-accent)}.button.gray:hover{background-color:var(--color-gray-1)}.button.outline{background-color:transparent;border-style:solid;border-width:.1em;color:var(--color-white)}.button.outline:hover{background-color:var(--color-accent-variant)}.button.is-fullwidth{width:100%}.button.table-button{font-size:1rem;padding:.3em 1.5em}