.booking-button {
    display: none;
}

.nav-primary.active .weather-mobile .booking-button {
    display: block;
}

.nav-primary.active .weather-mobile:has(.booking-button){
    padding-inline: 15px;
    justify-content: space-between;
}

.booking-button .booking-button-link {
        display: inline-block;
        padding: 5px 10px;
        width: auto;
        font-size: 16px;
        text-align: center;
        font-weight: bold;
        letter-spacing: 0.12em;
        border-radius: 3px;
        border: 1px solid #1d1d1d;
        background-color: #1d1d1d;
        color: #ffffff;
        vertical-align: top;
}

@media screen and (min-width: 1025px) {
    .nav-primary.active .weather-mobile .booking-button {
        display: none;
    }

    .header-section .top-header-right:has( .booking-button) {
        padding-left: unset;
        width: fit-content;
        gap: 20px;
    }

    .header-section .top-header-right:not(.sticky):has( .booking-button) .search-cont > .search-btn {
        right: 0;
        left: 0;
        top: 0;
        transform: unset;
        display: inline-block;
        padding-inline: 10px;
    }

    .header-section .top-header-right:has( .booking-button) .nav-hit-cont {
        width: 80px;
    }

    .header-section .top-header-right:has( .booking-button) .nav-hit-cont .nav-hit-hider img.btn-md-lg {
        margin-inline-start: auto;
    }

    .booking-button {
        display: block;
    }
}