/* Primary Buttons - Orange CTA (Buy, Book, etc.) */
.btn,
.btn.btn-primary,
.button.btn-primary,
input[type="button"].btn-primary,
input[type="submit"].btn-primary {
    color: $white;
    background: $tertiary-color;
    font-family: $font-family-secondary;
    font-weight: $font-weight-bold;
    font-size: $font-size-18;
    padding: 14px 30px;
    border: 3px solid $tertiary-color;
    transition: all 0.3s ease;

    @include media-breakpoint-down(xl) {
        font-size: $font-size-16;
        padding: 12px 25px;
    }
    @include media-breakpoint-down(md) {
        font-size: $font-size-14;
        padding: 10px 20px;
    }

    &:hover,
    &:active,
    &:focus,
    &:active:focus {
        background: $tertiary-color;
        color: $white;
        border-color: $tertiary-color;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
        .icon {
            background-color: $white;
        }
    }

    &.btn-alt {
        color: $secondary-bg;
        background-color: transparent;
        border: 3px solid $secondary-bg;
        &:hover,
        &:active,
        &:focus,
        &:active:focus {
            background-color: transparent;
            color: $secondary-bg;
            border: 3px solid $secondary-bg;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
            .icon {
                background-color: $secondary-bg;
            }
        }
    }

}

.card {
    .content {
        .btn {
            &:hover {
                background-color: $tertiary-color !important;
                color: $white !important;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
                .icon {
                    background: $white !important;
                }
                span {
                    color: $white !important;
                }
            }
        }
    }
}