@layer components{.contact{gap:1.5rem;display:grid}.contact-card{background:var(--color-surface);border-radius:16px;justify-items:start;gap:1.25rem;padding:1.5rem;display:grid}.contact-icon{background:#fff;border-radius:9999px;place-items:center;width:3rem;height:3rem;display:grid}.contact-address{gap:.25rem;min-width:0;display:grid}.contact-actions{flex-wrap:wrap;gap:.5rem;display:flex}@media (min-width:40rem){.contact-card{padding:2rem}}}