:root{
  --pill-py:1.05rem;
  --pill-px:1.55rem;
  --pill-fs:1.08rem;
  --pill-minh:54px;
}

.btn-pill{
  appearance:none;
  -webkit-appearance:none;
  border:none;
  background:linear-gradient(135deg,#ff7b00,#ff5500);
  color:#fff !important;
  border-radius:999px;
  padding:var(--pill-py) var(--pill-px) !important;
  font-weight:600;
  font-size:var(--pill-fs) !important;
  line-height:1 !important;
  min-height:var(--pill-minh) !important;
  text-decoration:none;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.45rem;
  cursor:pointer;
  white-space:nowrap !important;
  border:0 !important;
  transition:transform .1s ease, opacity .2s ease;
}

.btn-pill:hover{
  transform:translateY(-1px);
  opacity:.95;
}

.btn-pill:active{
  transform:translateY(0);
  opacity:.9;
}

.btn-compact{
  --pill-py:.78rem;
  --pill-px:1.1rem;
  --pill-fs:1.0rem;
  --pill-minh:44px;
}

.btn-pill.btn-compact{
  padding:var(--pill-py) var(--pill-px) !important;
  font-size:var(--pill-fs) !important;
  min-height:var(--pill-minh) !important;
}

@media (max-width: 575.98px){
  :root{
    --pill-py:1.0rem;
    --pill-px:1.35rem;
    --pill-fs:1.05rem;
    --pill-minh:52px;
  }

  .btn-compact{
    --pill-py:.74rem;
    --pill-px:1.0rem;
    --pill-fs:.98rem;
    --pill-minh:42px;
  }
}