.sg-button {
    padding: 9px 19px;
    border: 2px solid #999;
    border-width: 1px;
    background: #f4f4f4;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;

    &:hover {
        border-color: #0285fc;
        color: #0285fc;

    }

    &__primary {
        background: #52a6fa;
        border-color: #0285fc;
        color: #fff;
        &:hover {
            color: #fff;
            background: #0285fc;
            border-color: #0285fc;
        }
    }

    &__green {
        background: #8cc63f;
        border-color: #7db038;
        &:hover {
            background: #7eb239;
            border-color: #71a033;
        }
    }

    &__red {
        background: #e80a40;
        border-color: #ca0938;
        color: #fff;
        &:hover {
            color: #fff;
            background: #d00939;
            border-color: #bb0833;
        }
    }
    &--disabled {
        opacity: 0.4;
        cursor: default;
        pointer-events: none;
    }
}