.address-card{padding:var(--padding);border:1px solid var(--place-holder-color);border-radius:var(--border-radius);margin-block:calc(var(--gap) / 2);background-color:var(--white-color);cursor:pointer;transition:var(--transition);&:hover{border-color:var(--active-color-one)}&.main{font-weight:700}& .logistics,& .to-code{color:var(--color-three);display:block}& small{color:var(--place-holder-color);display:block}&.selected{background-color:var(--almost-white);border-color:var(--active-color-one);border-width:2px}}