/* Primary Buttons*/
.btn, .btn.btn-primary, .button.btn-primary, input[type=button].btn-primary, input[type=submit].btn-primary {
    background: transparent;
    //color: $primary-color;
    color: $secondary-color;
    border: 1px solid $primary-color;
    font-weight: $font-weight-bold;
    font-size: $font-size-16;
    padding: 6px 25px;
    min-width: 200px;

    @include media-breakpoint-down(md) {
        font-size: $font-size-14;
    }

    .icon{
        background: $secondary-color;
    }

    &:hover, &:active, &:focus, &:active:focus{
        background: $secondary-color;
        border: 1px solid $secondary-color;
        //color: #000000;
        color: $primary-color;
        box-shadow: none;

        .icon{
            //background: #000000;
            background: $primary-color;
        }
    }
}

.card{
    .content{
        .btn{
            //color: #000000;
            //background: $secondary-color;
            //border: none;
            color: #ffcb00;
            background: transparent;
            border: 1px solid #fff;

            .icon{
                background: #000000;
            }

            &:hover, &:active, &:focus, &:active:focus{
                //background: $secondary-color;
                //border: none;
                animation: arrow2 0.5s linear 1;
                -webkit-animation-name: arrow2 0.5s linear 1;
                background: $primary-color;
                border: inherit;
                color: #212d25;
            }
        }
    }
}