.simple-map {
    // background-color: $primary;

    h2 {
        font-size: 2.4rem;
        color: #D6D1BD;
        line-height: 1.3;
        text-align: center;
        @media(min-width: $tabletSmallP1) {
            text-align-last: left;
        }
    }

    #map {
        width: 100%;
        height: 100%;
    }
    .gmnoprint { 
        display: none !important;
    }

    // .simple-map__container

    &__container {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    // .simple-map__wrapper

    &__wrapper {
        aspect-ratio: 333/222;
        border: 2px solid #E5A424;
        border-radius: 1rem;
        overflow: hidden;
        margin-top: 1rem;
        @media(min-width: $tabletSmallP1) {
            aspect-ratio: 1440/650;
            margin-top: 2rem;
            border-radius: 2rem;
        }
    }

    // .simple-map__footer 

    &__footer  {
        margin-top: 1rem;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: .3rem;
        text-align: center;
        @media(min-width: $tabletSmallP1) {
            margin-top: 2rem;
            gap: 1rem;
        }
        p {
            margin: 0;
            color: #D6D1BD;
            font-size: 2rem;

            &:has(small) {
                font-size: 1.4rem;
                @media(min-width: $tabletSmallP1) {
                    font-size: 1.6rem;
                }
            }
        }
    }

    // .simple-map__btn

    &__btn {
        color: $secondary;
        font-size: 1.4rem;
        display: flex;
        align-items: center;
        gap: 1rem;
        position: relative;
        @media(min-width: $tabletSmallP1) {
            font-size: 2rem;
            padding-block: .6rem;
        }

        &::before {
            content: '';
            width: 100%;
            height: 4.4rem;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
        }

        &::after {
            content: '';
            background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0.75C21.3178 0.75 27.25 6.68223 27.25 14C27.25 21.3178 21.3178 27.25 14 27.25C6.68223 27.25 0.75 21.3178 0.75 14C0.75 6.68223 6.68223 0.75 14 0.75Z' stroke='%23E5A424' stroke-width='1.5'/%3E%3Cpath d='M17.729 12.857L13.6751 8.80328C13.5498 8.67777 13.4865 8.5304 13.4852 8.36118C13.4837 8.19195 13.5455 8.04409 13.6707 7.9176C13.7959 7.79074 13.9437 7.72804 14.114 7.72952C14.2844 7.73099 14.4327 7.7943 14.5589 7.91944L19.68 13.0405C19.747 13.1083 19.7958 13.1788 19.8262 13.252C19.8568 13.3253 19.8721 13.403 19.8721 13.4852C19.8721 13.5673 19.8568 13.6449 19.8262 13.7178C19.7958 13.7909 19.747 13.8612 19.68 13.9288L14.5545 19.0542C14.4249 19.1794 14.2765 19.2419 14.1093 19.2419C13.9421 19.2419 13.7959 19.1794 13.6707 19.0542C13.5455 18.926 13.4829 18.7781 13.4829 18.6105C13.4829 18.4427 13.5455 18.296 13.6707 18.1704L17.729 14.1122L8.7375 14.1122C8.55758 14.1122 8.40727 14.0527 8.28655 13.9335C8.16583 13.8144 8.10547 13.6648 8.10547 13.4846C8.10547 13.3045 8.16583 13.1548 8.28655 13.0357C8.40727 12.9166 8.55758 12.857 8.7375 12.857L17.729 12.857Z' fill='%23E5A424'/%3E%3C/svg%3E%0A");
            width: 2.1rem;
            height: 2.1rem;
            background-size: 100%;
            background-position: center;
            background-repeat: no-repeat;
            transition: .2s all;
            @media(min-width: $tabletSmallP1) {
                width: 2.8rem;
                height: 2.8rem; 
            }
        }

        &:hover {
            &::after {
                transform: translateX(.4rem);
            }
        }

        span {
            position: relative;
            &::before {
                content: '';
                width: 100%;
                height: .1rem;
                background-color: $secondary;
                position: absolute;
                bottom: 0;
                left: 0;
            }
        }
    }
}