.w2s-ett{
  display:inline-flex;
  align-items:center;
  background-color: transparent;
}

.w2s-ett__btn{
  position: relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  border:3px solid rgba(215, 0, 0, 0.15);
  background: rgba(0,0,0,.25);
  cursor:pointer;
  user-select:none;
  line-height:1;
}

.w2s-ett__label{
  font-size:14px;
  opacity:.9;
}

.w2s-ett :hover{
  background-color: rgba(0,0,0,.35);
}

.w2s-ett__knob{
  width:42px;
  height:22px;
  border-radius:999px;
  background: rgba(255,255,255,.12);
  position:relative;
  overflow:hidden;
}

.w2s-ett__knob::after{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  border-radius:999px;
  top:2px;
  left:2px;
  background: rgba(255,255,255,.85);
  transform: translateX(0);
  transition: transform .22s ease;
}

.w2s-ett.is-dark .w2s-ett__knob::after{
  transform: translateX(20px);
}

/* ===== W2S Toggle - No hover background ===== */

.w2s-ett__btn:hover,
.w2s-ett__btn:focus,
.w2s-ett__btn:active{
  background: transparent !important;
  box-shadow: none !important;
}

/* Si Elementor applique un hover via parent */
.w2s-ett .w2s-ett__btn:hover{
  background: transparent !important;
}