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;
  
    &--fullWidth {
        text-align: center;
    }

    &.LP-Link {
        display: block;
        &:hover {
            color: $-almost-white
        }
    }
    &:active {
        background-color: $-wine-red;
        color: $-almost-white;
    }

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

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