@layer components-entities {
    .address-card {
        position: relative;
        display: block;
        overflow: hidden;
        height: 100%;
        transition: background-color 0.4s;
        border-radius: var(--br4);
        background-color: var(--gray)
    }

    .address-card__head {
        display: flex;
        justify-content: space-between;
        margin-bottom: 32px
    }

    @media screen and (max-width: 1279px) {
        .address-card__head {
            margin-bottom:24px
        }
    }

    @media screen and (max-width: 1023px) {
        .address-card__head {
            flex-direction:column
        }
    }

    .address-card__icons {
        display: flex;
        gap: 16px
    }

    @media screen and (max-width: 1279px) {
        .address-card__icons {
            gap:4px
        }
    }

    @media screen and (max-width: 1023px) {
        .address-card__icons {
            margin-top:12px;
            gap: 4px
        }
    }

    .address-card__icon {
        width: 24px;
        height: 24px
    }

    @media screen and (max-width: 1023px) {
        .address-card__icon {
            width:20px;
            height: 20px
        }
    }

    .address-card__stations {
        display: flex;
        gap: 16px
    }

    @media screen and (max-width: 1023px) {
        .address-card__stations {
            gap:8px;
            flex-wrap: wrap
        }
    }

    .address-card__station {
        display: flex;
        align-items: center;
        width: -moz-fit-content;
        width: fit-content;
        /* gap:4px; */
    }

    .address-card__station-point {
        max-height: 12px
    }

    @media screen and (max-width: 1279px) {
        .address-card__station-point {
            max-height:8px
        }
    }

    .address-card__station-name {
        flex-grow: 1;
        white-space: nowrap
    }

    .address-card__body {
        display: flex;
        align-items: end;
        justify-content: space-between
    }

    @media screen and (max-width: 1279px) {
        .address-card__body {
            align-items:start;
            flex-direction: column
        }
    }
}