.sim-toggle-pill-group {
  position: relative;
  isolation: isolate;
}

.sim-toggle-pill-group .sim-toggle-btn {
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0, 72, 154, 0.10);
  transform: translateY(0);
  will-change: transform, box-shadow, filter;
}

.sim-toggle-pill-group .sim-toggle-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(255,255,255,0.00) 18%, rgba(255,255,255,0.18) 50%, rgba(255,255,255,0.00) 82%);
  opacity: 0;
  transform: translateX(-120%);
  transition: opacity 0.22s ease, transform 0.42s ease;
  pointer-events: none;
}

.sim-toggle-pill-group .sim-toggle-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0, 72, 154, 0.18), 0 2px 6px rgba(0, 0, 0, 0.08);
  filter: saturate(1.04);
  z-index: 2;
}

.sim-toggle-pill-group .sim-toggle-btn:hover::after {
  opacity: 1;
  transform: translateX(120%);
}

.sim-toggle-pill-group .sim-toggle-btn:active {
  transform: translateY(0);
  box-shadow: 0 4px 10px rgba(0, 72, 154, 0.14);
}

.sim-toggle-pill-group .sim-toggle-btn:focus-visible {
  outline: none;
  z-index: 3;
  box-shadow:
    0 0 0 2px rgba(255, 255, 255, 0.96),
    0 0 0 4px rgba(0, 72, 154, 0.34),
    0 8px 18px rgba(0, 72, 154, 0.18);
}

.sim-toggle-pill-group .sim-toggle-btn i {
  transition: transform 0.18s ease, opacity 0.18s ease;
}

.sim-toggle-pill-group .sim-toggle-btn:hover i {
  transform: scale(1.06);
}