.an-card { font-family: inherit; text-align: center; background: linear-gradient(180deg,#fff,#f6f1fd); border: 2px solid #fff; border-radius: 26px; padding: 22px 20px 20px;
  box-shadow: 0 8px 0 #cdb9ea, 0 22px 36px rgba(70,30,130,.35); max-width: 400px; margin: 14px auto; box-sizing: border-box; direction: rtl; }
.an-ic { width: 66px; height: 66px; margin: -48px auto 10px; border-radius: 22px; font-size: 32px; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(180deg,#fff3c4,#ffd45e); border: 3px solid #fff; box-shadow: 0 5px 0 #b08c2e, 0 12px 18px rgba(0,0,0,.2), inset 0 2px 0 rgba(255,255,255,.8); }
.an-title { font-size: 18px; font-weight: bold; color: #2b2b2b; margin-bottom: 8px; }
.an-msg { font-size: 13.5px; line-height: 2; color: #55506a; margin-bottom: 16px; }
.an-btn, .an-cancel { display: block; box-sizing: border-box; text-decoration: none; cursor: pointer; font-family: inherit; border: 0; width: 100%; }
.an-btn { height: 52px; line-height: 52px; border-radius: 30px; color: #fff; font-size: 15px; font-weight: bold; text-shadow: 0 2px 2px rgba(0,0,0,.35);
  background: linear-gradient(180deg,#52c06a 0%,#2e9e4a 48%,#278a3f 52%,#1f7634 100%); box-shadow: 0 6px 0 #14502a, 0 12px 18px rgba(31,118,52,.35), inset 0 2px 0 rgba(255,255,255,.4);
  transition: transform .08s, box-shadow .08s; }
.an-btn:active { transform: translateY(5px); box-shadow: 0 1px 0 #14502a, 0 4px 8px rgba(31,118,52,.3), inset 0 2px 0 rgba(255,255,255,.3); }
.an-cancel { margin-top: 14px; background: none; color: #6a1fb0; font-size: 12.5px; text-decoration: underline; padding: 4px; }
.an-overlay { position: fixed; inset: 0; z-index: 99999; background: rgba(30,15,60,.55); display: flex; align-items: center; justify-content: center; padding: 56px 16px 16px; }
.an-overlay .an-card { width: 100%; margin: 0; }