.address-cards-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap:20px;
}


.address-card-container{
    width:340px;
    height:240px;
    max-width:358px;

    position:relative;

    background-color: var(--blue-dark);
    border-radius:16px;

    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    padding:24px 16px;
}

.address-card-container .distance{
    width:100%;
    font-family: var(--ff-content);
    font-size:var(--fs-carrossel-content);
    line-height: var(--fh-carrossel-content);
    color:var(--white);

    border-bottom:1px dashed var(--white);

    align-self:flex-start;
    padding-bottom:8px;
}

.address-card-container .name{
    font-family: var(--ff-highlight);
    font-size:var(--fs-title);
    line-height: var(--fh-title);
    font-weight:var(--fw-title);
    color:var(--white);

    margin-top:8px;
}

.address-card-container .address{
    font-family: var(--ff-content);
    font-size:var(--fs-carrossel-content);
    line-height: var(--fh-carrossel-content);
    font-weight:var(--fw-carrossel-content);
    color:var(--white);

    margin-top:8px;
}

.address-card-container .phone, .address-card-container .phone a{
    font-family: var(--ff-content);
    font-size:var(--fs-carrossel-content);
    line-height: var(--fh-carrossel-content);
    font-weight:var(--fw-carrossel-content);
    color:var(--white);

    margin-top:8px;
}

.map-btn{
    position:absolute;
    bottom:16px;
    right:16px;

    font-family: var(--ff-content);
    font-size:var(--fs-carrossel-content);
    line-height: var(--fh-carrossel-content);
    font-weight:var(--fw-carrossel-content);
    color:var(--white);

}