.location-question {
    position: absolute;
    top: 36px;
    left: 0;
    z-index: 12;
    padding: 0.725em 0.9375em;
    width: 20em;
    background-color: #ffffff;
    border: 2px solid #f3f3f3;
    border-radius: 10px;
    display: none;
}

.location-question .location-text {
    margin-top: 1em;
    margin-bottom: 1.5em;
    font-size: 0.8rem;
    line-height: 1.2;
}

.location-question .location-text .location-city {
    font-weight: 600;
}

.location-question .location-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5em;
}

.location-question .location-toolbar .location-btn {
    padding: 0.575em;
    font-size: 0.875rem;
    line-height: 1.2;
    color: #65bbe9;
    display: inline-block;
    vertical-align: middle;
    background-color: #ffffff;
    border: 2px solid #65bbe9;
    border-radius: 10px;
}

.location-question .location-toolbar .location-btn:hover {
    background-color: #65bbe9;
    color: #ffffff;
}

.location-question .location-toolbar .location-btn.location-btn--primary {
    background-color: #65bbe9;
    color: #ffffff;
}

.location-question .location-toolbar .location-btn.location-btn--primary:hover {
    background-color: #ffffff;
    color: #65bbe9;
}

.location-question .location-info {
    color: #b0b0b0;
    font-size: 0.725rem;
    line-height: 1.2;
}

@media (max-width: 991px) {
    .location-question .location-toolbar .location-btn {
        border-radius: 1.3125rem;
    }
}