# Utilities: semantic-contract Source: `src/utilities/semantic-contract.css` | Class | CSS output | | --- | --- | | `.velin-alert` | `padding: var(--velin-space-6) var(--velin-space-8);` | | `.velin-badge` | `padding: 0.4em 0.85em; font-size: var(--velin-text-base);` | | `.velin-btn` | `padding: var(--velin-space-5) var(--velin-space-10, 2.5rem); font-size: var(--velin-text-lg); min-block-size: 3.75rem;` | | `.velin-card` | `padding: var(--velin-space-10, 2.5rem);` | | `.velin-card__body` | `padding: var(--velin-space-8);` | | `.velin-input` | `padding: var(--velin-space-5) var(--velin-space-6); font-size: var(--velin-text-lg); min-block-size: 3.75rem;` | | `.velin-table` | `padding: var(--velin-space-5) var(--velin-space-6);` |