.location-map {
    background-color: var(--white);
    border-radius: 16px;
    overflow: hidden;
}

.location-map .location-map-header {
        padding: 24px 16px 24px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.location-map a {
        display: flex;
        align-items: center;
        gap: 4px;
        color: var(--blue-500);
        font-weight: 600;
    }

.location-map a .location {
            -webkit-text-decoration: underline;
            text-decoration: underline;
        }

.location-map .waze-button {
        background: var(--blue-50);
        border-radius: 8px;
        padding: 8px;
    }

.location-map .waze-button svg {
            margin-right: 6px;
        }

.location-map .maps-container {
        aspect-ratio: 2.98;
        height: 100%;
    }

@media (max-width: 768px) {
    .location-map {
        border-radius: 0px;
    }

        .location-map .location-map-header {
            padding: 16px 24px 20px 24px;
            flex-direction: column;
            align-items: flex-start;
        }

            .location-map .location-map-header .location-maps-link {
                margin: 20px 0;
            }

            .location-map .location-map-header .waze-button {
                width: 100%;
                justify-content: center;
                padding: 12px 0;
            }

        .location-map .maps-container {
            aspect-ratio: 1.81;
            height: 100%;
        }
}