.consent-slider::before {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  left: 3px;
  top: 3px;
  border-radius: 50%;
  background: #f4f7f8;
  box-shadow: 0 3px 10px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.9);
  transition: transform .24s cubic-bezier(.2,.8,.2,1),background .24s ease;
}

.consent-slider::after {
  content: "×";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-51%);
  z-index: 2;
  color: #52616b;
  font: 900 12px/1 "DM Sans",Inter,Arial,sans-serif;
  transition: transform .24s cubic-bezier(.2,.8,.2,1),color .24s ease,opacity .18s ease;
}

.consent-switch:hover .consent-slider {
  border-color: rgba(var(--secondary-rgb),.34);
  transform: translateY(-1px);
}

.consent-switch input:checked+.consent-slider {
  background: linear-gradient(110deg,var(--secondary),var(--accent2));
  border-color: rgba(255,255,255,.24);
  box-shadow: 0 7px 22px rgba(var(--secondary-rgb),.19),inset 0 1px 0 rgba(255,255,255,.35);
}

.consent-switch input:checked+.consent-slider::before {
  transform: translateX(24px);
  background: #fff;
}

.consent-switch input:checked+.consent-slider::after {
  content: "✓";
  transform: translate(24px,-51%);
  color: var(--primary);
}

.consent-switch input:focus-visible+.consent-slider {
  outline: 3px solid rgba(var(--secondary-rgb),.24);
  outline-offset: 3px;
}

.consent-switch:active .consent-slider::before {
  width: 24px
}