/* Контейнер */
.mx-atcb { display:inline-flex; align-items:center; }

/* Модерен бутон с икона */
.mx-atcb-btn{
  appearance:none;
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.7rem 1rem;
  border-radius:12px;
  border:1px solid #e5e7eb;
  background: linear-gradient(180deg,#ffffff,#f7f8fa);
  color:#111827;
  font: 600 15px/1.15 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:
    0 1px 2px rgba(0,0,0,.06),
    0 6px 18px rgba(0,0,0,.05);
  transition:
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .08s ease;
}

/* Икона – наследява currentColor */
.mx-atcb-btn::before{
  content:"";
  inline-size:1.15em;
  block-size:1.15em;
  flex:0 0 auto;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8, \
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'> \
    <path fill='black' d='M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1V3a1 1 0 0 1 1-1zm12 7H5v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9zM5 8h14V6a1 1 0 0 0-1-1h-1v1a1 1 0 1 1-2 0V5H8v1a1 1 0 1 1-2 0V5H5a1 1 0 0 0-1 1v2z'/> \
  </svg>") center/contain no-repeat;
          mask: url("data:image/svg+xml;utf8, \
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'> \
    <path fill='black' d='M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1V3a1 1 0 0 1 1-1zm12 7H5v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9zM5 8h14V6a1 1 0 0 0-1-1h-1v1a1 1 0 1 1-2 0V5H8v1a1 1 0 1 1-2 0V5H5a1 1 0 0 0-1 1v2z'/> \
  </svg>") center/contain no-repeat;
}

/* Състояния */
.mx-atcb-btn:hover{
  background: linear-gradient(180deg,#ffffff,#f1f4f8);
  border-color:#d1d5db;
  box-shadow:
    0 2px 6px rgba(0,0,0,.07),
    0 10px 22px rgba(0,0,0,.06);
  transform: translateY(-1px);
}
.mx-atcb-btn:active{
  transform: translateY(0);
  box-shadow:
    0 1px 3px rgba(0,0,0,.08),
    0 6px 14px rgba(0,0,0,.05);
}
.mx-atcb-btn:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 3px rgba(59,130,246,.45),
    0 1px 2px rgba(0,0,0,.06),
    0 6px 18px rgba(0,0,0,.05);
  border-color:#93c5fd;
}

/* Тъмен режим */
@media (prefers-color-scheme: dark){
  .mx-atcb-btn{
    background: linear-gradient(180deg,#1f2937,#111827);
    border-color:#374151;
    color:#f9fafb;
    box-shadow:
      0 1px 2px rgba(0,0,0,.6),
      0 10px 24px rgba(0,0,0,.35);
  }
  .mx-atcb-btn:hover{
    background: linear-gradient(180deg,#243244,#1a2230);
    border-color:#4b5563;
  }
}

/* Намалени анимации */
@media (prefers-reduced-motion: reduce){
  .mx-atcb-btn{ transition:none; }
}

/* Информативен плейсхолдър */
.mx-atcb.notice{ font-style:italic; opacity:.8; }