/* Primary Buttons*/
.btn,
.btn.btn-primary,
.button.btn-primary,
input[type="button"].btn-primary,
input[type="submit"].btn-primary {
    color: $electric_blue;
    background: $secondary-color;
    font-family:$font-family-primary;
    font-weight: $font-weight-bold;
    font-size: $font-size-18;
    padding: 14px 30px;
    border: 3px solid $secondary-color;

    @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 {
        transform: scale(1.07);
        color: $electric_blue;
        background: $secondary-color;
    }

    &.btn-alt {
        background: transparent;
        color: $secondary-color;
        &:hover,
        &:active,
        &:focus,
        &:active:focus {
            transform: scale(1.07);
            background: $secondary-color;
        }
    }
}

@include media-breakpoint-down(xxl) {
    #header-type-2 .navbar .btn-booking .btn p {
        display: unset;
    }
}
@include media-breakpoint-down(xl) {
    #header-type-2 .navbar .btn-booking .btn p {
        display: none !important;
    }
}
.news .card .content .btn {
    color: $golden_yellow;
    background: $electric_blue;
    border-color: $electric_blue;
}
.alert-close-button a:hover {
    color: $electric_blue;
}

.btn,
.button,
input[type="button"],
input[type="submit"] {
    text-transform: none;
}