.circular-button{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff26;border:none;border-radius:50%;place-content:center;width:70px;height:70px;font-weight:600;text-decoration:none;transition:background .3s,transform .2s;display:grid;position:relative;overflow:hidden}.circular-button__text{letter-spacing:1.5px;font-size:8px;animation:8s linear infinite circular-text-rotation;position:absolute;inset:0}.circular-button__text>span{transform:rotate(calc(18deg*var(--index)));transform-origin:50%;position:absolute;inset:5px}.circular-button__circle{color:#df1612;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .3s,color .3s;display:flex;position:relative;overflow:hidden}.circular-button__icon{width:10px;height:10px}.circular-button__icon--copy{position:absolute;transform:translate(-150%,150%)}.circular-button:hover{background:#fff;transform:scale(1.05)}.circular-button:hover .circular-button__text{color:#0f172a}.circular-button:hover .circular-button__circle{color:#fff;background:#df1612}.circular-button:hover .circular-button__icon:first-child{transition:transform .3s ease-in-out;transform:translate(150%,-150%)}.circular-button:hover .circular-button__icon--copy{transition:transform .3s ease-in-out .1s;transform:translate(0)}@keyframes circular-text-rotation{to{rotate:360deg}}@media (min-width:768px){.circular-button{width:80px;height:80px}.circular-button__text{font-size:9px}.circular-button__circle{width:32px;height:32px}.circular-button__icon{width:12px;height:12px}}@media (min-width:1024px){.circular-button{width:90px;height:90px}.circular-button__text{letter-spacing:2px;font-size:9px}.circular-button__circle{width:36px;height:36px}.circular-button__icon{width:14px;height:14px}}