@charset "utf-8";

.ods-a-header-button { display: flex; position: relative; padding-right: var(--space-padding-M); }

.ods-a-header-button .ods-a-label-promo-header { position: absolute; top: -9px; }

.ods-a-header-button:has(.ods-a-header-button__button:focus-visible) .ods-a-label-promo-header { top: -12px; }

.ods-a-header-button__button { display: flex; align-items: center; justify-content: center; border-radius: 18px; background: var(--color-premium-secondary); text-decoration: none; font-family: var(--font-text); font-size: 12px; font-weight: var(--font-weight-normal); font-style: normal; line-height: 1; text-transform: uppercase; color: var(--color-neutral-0); height: 30px; min-width: 36px; }

.ods-a-header-button__button:hover { background: var(--color-premium-secondaryHover); }

.ods-a-header-button__button:active { background: var(--color-premium-secondaryPressed); }

.ods-a-header-button__button:focus-visible { outline: 2px solid var(--color-neutral-0); outline-offset: 0px; background: var(--color-premium-secondary); box-shadow: rgb(61, 141, 248) 0px 0px 0px 4px; }

.ods-a-header-button__button--loggedIn { font-size: 0px; }

.ods-a-header-button__button--loggedOut { padding: 0px 20px; background-color: var(--color-premium-secondary); }

.ods-a-header-button__button-icon { pointer-events: none; padding: 10px 15px; }