.zdi-sso-login { --zdi-sso-accent: var(--wp--preset--color--accent, #551c77); --zdi-sso-text: var(--wp--preset--color--accent-text, var(--wp--preset--color--light, #ffffff)); --zdi-sso-hover: var(--wp--preset--color--accent-hover, #42155d); --zdi-sso-focus: var(--wp--preset--color--accent-2, #ebff03); }
.zdi-sso-login .zdi-sso-button { display: inline-flex; justify-content: center; align-items: center; gap: .7em; padding: .85em 1.4em; border: 2px solid transparent; border-radius: 999px; background: var(--zdi-sso-accent); color: var(--zdi-sso-text); font: inherit; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none; transition: background .15s; }
.zdi-sso-login .zdi-sso-button:hover { background: var(--zdi-sso-hover); color: var(--zdi-sso-text); }
.zdi-sso-login .zdi-sso-button:focus-visible { outline: 3px solid var(--zdi-sso-accent); outline-offset: 5px; box-shadow: 0 0 0 2px var(--zdi-sso-focus); }
.zdi-sso-login .zdi-sso-button-icon { font-size: 1.15em; }
@media (prefers-reduced-motion: reduce) { .zdi-sso-login .zdi-sso-button { transition: none; } }