.header-navbar-info {
    position: absolute;
    display: none;
    left: -170px;
    min-width: 400px;
    background: var(--color-background-white);
    box-shadow: 1px 1px 11px #bfbfbf;
    z-index: 10;
}

.header-top-info:hover .header-navbar-info {
    display: block !important;
}

.header-navbar-info a, .header-navbar-info p {
    color: var(--color-text-four);
}

.header-navbar-info-title {
    font-size: .875rem;
    font-weight: bold;
    margin: 0;
}

.header-navbar-info-phone {
    font-size: 1.5rem;
    font-weight: bold;
}

.header-navbar-info-content {
    font-size: .875rem;
}

.header-navbar-info-button {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    border: none !important;
    text-shadow: none !important;
    background-color: var(--green-500-color);
    color: var(--color-text-white) !important;
    font-size: 1.5rem !important;
}

.header-navbar-info-button:hover,
.header-navbar-info-button:active,
.header-navbar-info-button:focus {
    background-color: var(--green-600-color);
}

/* Medium ≥ 767px */
@media (max-width: 767px) {
    .header-navbar-info {
        display: block;
        min-width: auto;
        position: initial;
        box-shadow: inset 1px 1px 11px #bfbfbf;
    }

    .header-navbar-info a {
        color: var(--text-color);
    }

    .header-navbar-info-title {
        font-size: var(--text-sm);
        font-weight: bold;
        margin: 0;
    }

    .header-navbar-info-phone {
        font-size: var(--text-2xl);
        font-weight: bold;
    }

    .header-navbar-info-content {
        font-size: var(--text-sm);
    }
}