button,.button {
    padding: 1rem;
    background-color: var(--color-primary);
    color: white;
    text-decoration: none;
    border-radius: var(--s-1);
    font-weight: bold;
    transition: background-color 200ms;
    width: auto;
    max-width: fit-content;
    white-space: nowrap;
}

.button:hover {
    background-color: var(--color-primary-rotate);
    color: white;
}

button,input.button {
    border: none;
    width: auto;
    max-width: none;
}

button,.button:hover {
    cursor: pointer;
}

.button.cancel {
    background-color: var(--color-text-muted);
}
.button.delete {
    background-color: var(--color-destroy);
}