lostplaces-frontend/components/01_Atoms/button/_button.scss

.LP-Button {
    background-color: $-light-brown;
    color: $-grey;
    border: none;
    padding: 8px 14px;
    border-radius: 2px;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;

    &:active {
        background-color: $-wine-red;
        color: $-almost-white;
    }

    &--cancel {
        background-color: $-grey;
        color: $-almost-white;

        &:active {
            color: $-grey;
            background-color: $-almost-white;
        }
    }
}