.btn, a.btn {

@include transition (all 0.4s ease-in-out);
font-weight: 600;
font-size: 14px;
line-height: 1.5;
.fa {
        margin-right: 5px;
}

}

.btn-primary, a.btn-primary {

background: $color-primary;
border: 1px solid $color-primary;
color: #fff !important;
&:hover, &:focus, &:active, &.active, &.hover {
        background: darken($color-primary, 5%);
        color: #fff !important;
        border: 1px solid darken($color-primary, 5%);
}

}

.btn-green, a.btn-green {

background: $color-green;
    border: 1px solid $color-green;
    color: #fff !important;
    &:hover, &:focus, &:active, &.active, &.hover {
            background: darken($color-green, 5%);
            color: #fff !important;
            border: 1px solid darken($color-green, 5%);
    }
    .body-green & {
    color: #fff !important;
    &:hover, &:focus, &:active, &.active, &.hover {
            color: #fff !important;
    }
    }

}

.btn-blue, a.btn-blue {

background: $color-blue;
    border: 1px solid $color-blue;
    color: #fff !important;
    &:hover, &:focus, &:active, &.active, &.hover {
            background: darken($color-blue, 5%);
            color: #fff !important;
            border: 1px solid darken($color-blue, 5%);
    }

}

.btn-orange, a.btn-orange {

background: $color-orange;
    border: 1px solid $color-orange;
    color: #fff !important;
    &:hover, &:focus, &:active, &.active, &.hover {
            background: darken($color-orange, 5%);
            color: #fff !important;
            border: 1px solid darken($color-orange, 5%);
    }

}

.btn-red, a.btn-red {

background: $color-red;
    border: 1px solid $color-red;
    color: #fff !important;
    &:hover, &:focus, &:active, &.active, &.hover {
            background: darken($color-red, 5%);
            color: #fff !important;
            border: 1px solid darken($color-red, 5%);
    }

}

.btn-pink, a.btn-pink {

background: $color-pink;
    border: 1px solid $color-pink;
    color: #fff !important;
    &:hover, &:focus, &:active, &.active, &.hover {
            background: darken($color-pink, 5%);
            color: #fff !important;
            border: 1px solid darken($color-pink, 5%);
    }

}

.btn-purple, a.btn-purple {

background: $color-purple;
    border: 1px solid $color-purple;
    color: #fff !important;
    &:hover, &:focus, &:active, &.active, &.hover {
            background: darken($color-purple, 5%);
            color: #fff !important;
            border: 1px solid darken($color-purple, 5%);
    }

}

.btn-cta {

padding: 7px 15px;

}