:root {
    --nb-location-panel-close-button-width: 40px;
    --nb-location-panel-close-button-height: 40px;
    --nb-location-panel-close-button-bg: var(--nb-color-white);
    --nb-location-panel-close-button-border-radius: var(--nb-border-radius-xs);
    --nb-location-panel-close-button-top: 0;
    --nb-location-panel-close-button-left: 0;

}

.nb-location-panel-close-button {
    width: var(--nb-location-panel-close-button-width);
    height: var(--nb-location-panel-close-button-height);
    background: var(--nb-location-panel-close-button-bg);
    border-radius: var(--nb-location-panel-close-button-border-radius);
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 8px rgb(0 0 0 / 40%);
    -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 8px rgb(0 0 0 / 40%);
}

@media screen and (max-width: 576px) {
    .nb-location-panel-close-button {
        display: none;
    }
}