.connection-toggle{display:grid;place-items:center;width:87px;height:87px;border:0;border-radius:50%;background:linear-gradient(145deg,#60f044,#26bb2b);color:#082d0e;font:800 40px/1 Arial;cursor:pointer;transition:transform .2s,background .25s,box-shadow .25s;box-shadow:0 8px 28px rgba(50,220,39,.22)}
.connection-toggle:hover{transform:scale(1.06)}
.connection-toggle:focus-visible{outline:3px solid #fff;outline-offset:5px}
.connection-toggle.is-off{background:linear-gradient(145deg,#526257,#26372b);color:#a9b5ac;box-shadow:none}
.connection.is-off .rings{border-color:#34493a;box-shadow:0 0 0 18px rgba(120,140,125,.035),0 0 0 36px rgba(120,140,125,.02)}
.connection.is-off label{color:#829087}
.connection-preview-note{font-size:7px!important;letter-spacing:1.1px;text-transform:uppercase;color:#5f7964!important;margin-top:8px!important}