@layer components{.map-plate{display:grid;place-content:center;justify-items:center;gap:var(--space-s);min-block-size:18rem;padding:var(--space-l)var(--space-m);text-align:center;text-decoration:none;& .map-plate__pin{inline-size:var(--size-step-6);block-size:var(--size-step-6);color:var(--color-accent)}& .map-plate__place{font-size:var(--size-step-2);line-height:var(--leading-tight);.map-plate:hover &{color:var(--color-accent-text)}}}}