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

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

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


        &.rounded-btn {
            height: 50px;
            width: 260px;
            border-radius: 73px;
            font-weight: 600;

            &:hover {
                background-color: #127BAD;
            }
        }
    }

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

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

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

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

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

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

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

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