MusicTopus/sass/button.scss

.button {
    cursor: pointer;
    justify-content: center;
    padding-bottom: calc(0.5em - 1px);
    padding-left: 1em;
    padding-right: 1em;
    padding-top: calc(0.5em - 1px);
    text-align: center;
    white-space: nowrap;
    border-width: 1px;
    margin-bottom: .5rem;
    background-color: #fff;
    border-color: #dbdbdb;
    border-radius: 0.375rem;

    &.is-danger {
        background-color: #f14668;
        border-color: transparent;
        color: #fff;

        &:hover {
            background-color: #f03a5f;
            border-color: transparent;
            color: #fff;
        }
    }

    &.is-link {
        background-color: #485fc7;
        border-color: transparent;
        color: #fff;

        &:hover {
            background-color: #3e56c4;
            border-color: transparent;
            color: #fff;
        }
    }

    &.is-primary {
        background-color: #48c78e;
        border-color: transparent;
        color: #fff;

        &:hover {
            background-color: #3ec487;
        }
    }
}