.map-pin{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0.781vh;
}

.map-pin-header{
    display: flex;
    width: fit-content;
    padding: 0.488vh 0.833vw;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 999px;
    background: var(--White-White, #FFF);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(14px);
}

.map-pin-point{
    width: 4.022vh;
    height: 4.699vh;
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.20));
    aspect-ratio: 32.00/37.39;
}


.map-pin-title{
    color: var(--Woodsmoke-900, #3D3D3D);
    font-family: Montserrat;
    font-size: 1.172vh;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 14.4px */
}

.map-pin-availability{
    color: var(--Woodsmoke-900, #3D3D3D);
    font-family: Montserrat;
    font-size: 1.172vh;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 14.4px */
}



@media (max-width: 480px){
    .map-pin{
        gap: 0.985vh;
    }

    .map-pin-header{
        padding: 0.616vh 3.2vw;
    }

    .map-pin-point{
        width: 3.941vh;
        height: 4.604vh;
    }

    .map-pin-title{
        font-size: 1.478vh;
    }

    .map-pin-availability{
        font-size: 1.478vh;
    }

}