.citizen-userMenu { .citizen-menu__card { .citizen-header-card( end ); min-width: 16rem; transform-origin: var( --transform-origin-offset-end ) var( --transform-origin-offset-end ); @media ( min-width: @min-width-breakpoint-desktop ) { transform-origin: var( --transform-origin-offset-start ) var( --transform-origin-offset-end ); } .citizen-menu__heading { .sr-only; } } } #pt-createaccount, #pt-login, #pt-login-private, #pt-logout { a { margin: var( --space-xs ); border: var( --border-width-base ) solid var( --border-color-base ); border-radius: var( --border-radius-medium ); } } #pt-login { a { .button-progressive; &:hover { .button-progressive-hover; } &:active { .button-progressive-active; } } } #pt-logout { a { .button-destructive; &:hover { .button-destructive-hover; } &:active { .button-destructive-active; } } }