.cmya-auth { width: 100%; min-width: 0; margin: 16px 0; }
.cmya-auth .cmya-auth__button { display: flex; align-items: center; justify-content: center; gap: 10px; box-sizing: border-box; width: 100%; min-width: 0; padding: 0 16px; border-width: 1px; border-style: solid; border-radius: var(--cmya-radius, 12px); font: 600 15px/1 Arial, sans-serif; text-decoration: none; cursor: pointer; transition: filter .15s ease, transform .15s ease; }
.cmya-auth .cmya-auth__button--s { height: 36px; }
.cmya-auth .cmya-auth__button--m { height: 44px; }
.cmya-auth .cmya-auth__button--l { height: 56px; font-size: 16px; }
.cmya-auth .cmya-auth__button--light { border-color: #d9dce3; background: #fff; color: #111; }
.cmya-auth .cmya-auth__button--dark { border-color: #222; background: #222; color: #fff; }
.cmya-auth .cmya-auth__button:hover { color: inherit; filter: brightness(.96); transform: translateY(-1px); }
.cmya-auth .cmya-auth__button:focus-visible { outline: 3px solid #ffcc00; outline-offset: 3px; }
.cmya-auth .cmya-auth__button[aria-disabled="true"] { pointer-events: none; }
.cmya-auth__mark { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; background: #fc3f1d; color: #fff; font: 700 15px/24px Arial, sans-serif; }
.cmya-popup { position: fixed; z-index: 99990; top: 96px; right: 24px; box-sizing: border-box; width: min(360px, calc(100vw - 32px)); padding: 24px; border: 1px solid #e4e6eb; border-radius: 24px; background: #fff; color: #202124; box-shadow: 0 14px 50px rgba(0, 0, 0, .18); font: 15px/1.45 Arial, sans-serif; }
.cmya-popup[hidden] { display: none !important; }
.cmya-popup__title { display: block; padding-right: 28px; font-size: 21px; text-align: center; }
.cmya-popup p { margin: 10px 0 14px; text-align: center; }
.cmya-popup .cmya-auth { margin: 0; }
.cmya-popup__close { position: absolute; top: 10px; right: 12px; width: 34px; height: 34px; padding: 0; border: 0; background: transparent; color: #9297a3; font: 30px/30px Arial, sans-serif; cursor: pointer; }
@media (max-width: 767px) { .cmya-popup { top: auto; right: 12px; bottom: calc(156px + env(safe-area-inset-bottom)); left: 12px; width: auto; padding: 20px; border-radius: 22px; } }