.circle-button[data-v-5832ea8d]{align-items:center;aspect-ratio:1;background:linear-gradient(-270deg,#fff0,#fff0 94.82%),linear-gradient(-270deg,#fff,#fff0 94.82%);border:none;border-radius:999px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;width:48px}.circle-button[data-v-5832ea8d]:before{background:linear-gradient(270deg,#fff0,#fff0 94.82%),linear-gradient(270deg,#fff,#fff0 94.82%);top:0;right:0;bottom:0;left:0;opacity:0;transition:.5s ease}.circle-button[data-v-5832ea8d]:after,.circle-button[data-v-5832ea8d]:before{border-radius:999px;content:"";position:absolute;z-index:1}.circle-button[data-v-5832ea8d]:after{background:linear-gradient(-264.82deg,#16171a,#2d3135);top:1px;right:1px;bottom:1px;left:1px}.circle-button[data-v-5832ea8d]:hover:before{opacity:1}.circle-button .icon[data-v-5832ea8d]{transform:translate(-10%)}.circle-button:hover .icon[data-v-5832ea8d]{transform:translate(-5px)}.circle-button:hover .dot[data-v-5832ea8d]{right:calc(50% - 15px)}.circle-button.right[data-v-5832ea8d]{background:linear-gradient(270deg,#fff0,#fff0 94.82%),linear-gradient(270deg,#fff,#fff0 94.82%)}.circle-button.right[data-v-5832ea8d]:before{background:linear-gradient(-270deg,#fff0,#fff0 94.82%),linear-gradient(-270deg,#fff,#fff0 94.82%)}.circle-button.right[data-v-5832ea8d]:after{background:linear-gradient(-264.82deg,#16171a,#2d3135)}.circle-button.right .dot[data-v-5832ea8d]{left:-20%;right:unset;transform:translate(50%,-50%)}.circle-button.right .icon[data-v-5832ea8d]{transform:translate(10%)}.circle-button.right:hover .icon[data-v-5832ea8d]{transform:translate(5px)}.circle-button.right:hover .dot[data-v-5832ea8d]{left:calc(50% - 15px)}.circle-button.white[data-v-5832ea8d]{box-shadow:4px 0 8px #3f414938}.circle-button.white[data-v-5832ea8d]:after{background:linear-gradient(264.82deg,#f0f0f1,#fff);top:0;right:0;bottom:0;left:0}.circle-button.white .dot[data-v-5832ea8d]{background:var(--cl-black)}.icon[data-v-5832ea8d]{position:relative;width:24px}.dot[data-v-5832ea8d],.icon[data-v-5832ea8d]{transition:.5s ease;z-index:2}.dot[data-v-5832ea8d]{background:var(--cl-white);border-radius:50%;height:6px;position:absolute;right:-20%;top:50%;transform:translate(-50%,-50%);width:6px}