.button {
    display: flex;
    align-items: center;
    justify-content: center;

    background-color: var(--button-color);
    color: var(--text-title-color);

    cursor: pointer;
}

.button:not(.disabled):hover {
    background-color: var(--button-hover-color);
}

.button.disabled {
    cursor: not-allowed;
    color: var(--text-paragraph-color);
}