.label-component{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:140%;letter-spacing:var(--font-letter-spacing-md);text-transform:uppercase;text-wrap:pretty;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-1xs);border-radius:var(--radius-xs);height:40px;background:var(--surface-brand-500);color:var(--text-white)}.label-component--small{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:140%;letter-spacing:var(--font-letter-spacing-sm);text-wrap:pretty;text-transform:uppercase;padding:var(--spacing-3xs) var(--spacing-2xs);border-radius:var(--radius-1xs);height:auto}.label-component--small .label-component-icon{width:20px;height:20px}.label-component--responsive{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:140%;letter-spacing:var(--font-letter-spacing-sm);text-wrap:pretty;text-transform:uppercase;padding:var(--spacing-3xs) var(--spacing-2xs);border-radius:var(--radius-1xs);height:auto}.label-component--responsive .label-component-icon{width:20px;height:20px}@media (min-width: 576px){.label-component--responsive{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:140%;letter-spacing:var(--font-letter-spacing-md);text-transform:uppercase;text-wrap:pretty;padding:var(--spacing-2xs) var(--spacing-1xs);border-radius:var(--radius-xs);height:40px}.label-component--responsive .label-component-icon{width:24px;height:24px}}.label-component--secondary{background:var(--surface-brand-150);color:var(--text-highlight)}.label-component--secondary .label-component-icon{filter:none}.label-component--gray{background:var(--surface-gray-100);color:var(--text-secondary)}.label-component--gray .label-component-icon{filter:none}.label-component-icon{width:24px;height:24px;flex-shrink:0}