/* Component rules and breakpoint overrides; legacy selectors are retained. */
.pill {
  background: var(--black);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 0 23px;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition:
    border-color var(--ease),
    color var(--ease);
}
.pill:hover {
  background: var(--red-surface);
  border-color: var(--link-hover);
  color: var(--link-hover);
}
.address-link {
  text-transform: uppercase;
}
.address-link:hover {
  color: var(--link-hover);
  text-decoration-color: currentColor;
}