@layer molecules {
  .card {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-l);
    padding: var(--space-4);
    box-shadow: var(--shadow-1);
    display: grid;
    gap: var(--space-3);

    .card__title { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-3); }
  }
}