button {
    font: inherit;
    letter-spacing: inherit;

    color: white;
    background-color: #0984e3;
    padding: 7px 15px 7px 15px;
    cursor: pointer;
    border: 0;

    outline: none !important;

    display: inline-block;

}

button.secondary {
    background-color: #ecf0f1;
    color: #444;
}

.disabledButton {
    color: #bdc3c7;
    cursor: default;
}



/* Одна кнопка справа */
button.one-right-button {
    margin: 20px 0 0 auto;
    display: block;
}


/* Мобильная версия */
@media (max-width: 576px) {}

/* Настольная версия */
@media (min-width: 576px) {
    button:hover {
        background-color: var(--hover-color);
        color: white;
    }

    .disabledButton:hover {
        color: #bdc3c7;

    }

}