.switch-button{display:flex;align-items:center;gap:8px;font-family:sans-serif}.switch-button .switch-label{color:#fff;font-size:16px}.switch-button .toggle{position:relative;width:56px;height:28px;border:none;border-radius:99px;background:#7c7c7c;cursor:pointer;padding:0;transition:background .3s ease;color:#fff}.switch-button .toggle:focus-visible{outline:4px solid #00b9ff}.switch-button .toggle:focus:not(:focus-visible){outline:0}.switch-button .toggle.checked{background:#7800ff}.switch-button .toggle.checked .check-icon{right:auto;left:10px}.switch-button .toggle .check-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.switch-button .toggle .check-icon.close path{stroke:#fff;stroke-width:2px}.switch-button .toggle .circle{width:20px;height:20px;border-radius:50%;position:absolute;top:4px;left:6px;transition:transform .3s ease;box-shadow:0 0 2px 2px rgba(20,1,54,.25);background:linear-gradient(180deg,#949494,#fdfdfd 55%,#fdfdfd)}.switch-button .toggle.checked .circle{transform:translateX(24px)}