.ui-button {
    height: 40px;
    transition: .3s;
    font-family: $bodyFont;

    &-info {
        background-color: $primaryColor !important;

        &:hover {
            background-color: #1091bf !important;
        }
    }

    &-google {
        background-color: #de5246 !important;

        &:hover {
            background-color: #C34C41 !important;
        }
    }

    &-facebook {
        background-color: #0072b1 !important;

        &:hover {
            background-color: #005A8D !important;
        }
    }

    &.mc-primary {
        width: 260px;
        height: 50px;
        border-radius: 73px;
        background-color: $primaryColor !important;

        &:hover {
            background-color: #1091bf !important;
        }
    }

    &.mc-secondary {
        width: 260px;
        height: 50px;
        border-radius: 73px;
        background: $white;
        color: $primaryColor;
        border: 1px solid $primaryColor;

        &:hover {
            background-color: #1091bf !important;
            color: $white;
        }
    }
}
