@layer components {
    .pricing-footer-currency {
            align-items: center;
            display: inline-flex;
            gap: 0.5rem;
        }

    .pricing-footer-currency__label {
            color: var(--dashboard-color-text-subtle);
            font-size: 0.9375rem;
            font-weight: 500;
        }

    .pricing-footer-currency__select {
            appearance: none;
            background: var(--dashboard-color-pill);
            border: 1px solid var(--dashboard-color-border);
            border-radius: var(--dashboard-radius-pill);
            color: var(--dashboard-color-text);
            font-size: 0.875rem;
            font-weight: 700;
            min-height: 2.25rem;
            padding: 0 2rem 0 0.875rem;
        }
}