.basic-map {
    position: relative;
    margin: 2.5rem 0 1.8rem;
    @media(min-width: $tabletP1) {
        margin: 5rem 0 0;
    }

    // .basic-map__container

    &__container {
    }

    // .basic-map__head

    &__head {
        h2 {
            @extend .h3;
            letter-spacing: -.2px;
            @media(min-width: $tabletSmallP1) {
                letter-spacing: -.7px;
            }
        }

        p {
            &:not(:first-child) {
                margin-top: 2rem;
            }
        }
    }

    // .basic-map__image

    &__image {
        width: 100%;
        height: 100%;
        aspect-ratio: 375/212;
        @media(min-width: $tabletSmallP1) {
            aspect-ratio: 1920/1080;
        }

        &:not(:first-child) {
            margin-top: 2rem;
        }

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    // .basic-map__link

    &__link {
        display: flex;
        justify-content: center;
        margin-top: 1.8rem;
        @media(min-width: $tabletSmallP1) {
            display: none;
        }

        a {
            font-size: 1.6rem;
            line-height: 1.5;
            display: flex;
            align-items: center;
            gap: 1rem;
            padding-block: 1rem;

            &::after {
                content: '';
                width: 2.4rem;
                height: 2.4rem;
                background-size: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5C5.64873 23.5 0.5 18.3513 0.5 12C0.5 5.64873 5.64873 0.5 12 0.5Z' stroke='%2339462F'/%3E%3Cpath d='M15.196 11.0203L11.7212 7.54563C11.6138 7.43806 11.5596 7.31174 11.5584 7.16669C11.5572 7.02163 11.6102 6.8949 11.7174 6.78648C11.8248 6.67774 11.9515 6.624 12.0975 6.62527C12.2435 6.62653 12.3706 6.68079 12.4788 6.78806L16.8683 11.1775C16.9257 11.2356 16.9675 11.2961 16.9936 11.3588C17.0198 11.4216 17.0329 11.4883 17.0329 11.5587C17.0329 11.6291 17.0198 11.6956 16.9936 11.7581C16.9675 11.8207 16.9257 11.881 16.8683 11.9389L12.475 16.3322C12.3639 16.4394 12.2367 16.4931 12.0934 16.4931C11.9501 16.4931 11.8248 16.4394 11.7174 16.3322C11.6102 16.2223 11.5565 16.0955 11.5565 15.9518C11.5565 15.808 11.6102 15.6823 11.7174 15.5746L15.196 12.0962L7.489 12.0962C7.33479 12.0962 7.20595 12.0451 7.10248 11.943C6.999 11.8409 6.94727 11.7126 6.94727 11.5582C6.94727 11.4038 6.999 11.2755 7.10248 11.1734C7.20595 11.0713 7.33479 11.0203 7.489 11.0203L15.196 11.0203Z' fill='%2339462F'/%3E%3C/svg%3E%0A");
            }

            span {
                position: relative;
                line-height: 1;

                &::before {
                    content: '';
                    width: 100%;
                    height: 1px;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    background-color: $primary;
                }
            }

        }
    }
}