.button {
    text-align: center;

    background-color: black;
    color: white;
    padding: var(--s-3);
    border: solid white var(--s-5);

    &:hover,
    &:focus,
    &:active {
        outline: none;
        border: solid var(--color-primary-rotate) var(--s-5);
        color: var(--color-primary-rotate);
    }
}

.button.disabled {
    color: var(--color-primary-muted);
    border: solid var(--color-primary-muted) var(--s-5);
}