/* ===== БАЗОВАЯ КНОПКА ===== */
.case-btn{
  white-space: nowrap;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  font-family:'Inter', sans-serif;
  font-size:16px;
  line-height:1;

  padding:14px 26px;
  border-radius:999px;

  background:#000000;
  color:#ffffff;
  border:1px solid #000000;

  cursor:pointer;

  transition:
    background .25s ease,
    color .25s ease,
    box-shadow .25s ease,
    transform .18s ease;
}

/* ===== НЕАКТИВНАЯ — hover ===== */
.case-btn:not(.active):hover{
  color:#FFB45A !important;
  background:#000000;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
  transform:translateY(-1px);
}


/* ===== АКТИВНАЯ ===== */
.case-btn.active{
  background:#FFB45A !important;
  border-color:#FFB45A !important;
  color:#000000 !important;

  box-shadow:
    0 4px 14px rgba(0,0,0,.25),
    0 0 16px rgba(255,180,90,.45);

  transform:none;
}

/* ===== АКТИВНАЯ — hover (ничего не меняем) ===== */
.case-btn.active:hover{
  background:#FFB45A !important;
  color:#000000 !important;
  transform:none;
}