.button-pre{cursor:pointer;border:none;background:#000;color:#fff;width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;display:grid;place-content:center;transition:background .3s,transform .2s;font-weight:600}.button-pre__text{position:absolute;inset:0;animation:text-rotation 8s linear infinite;>span{position:absolute;transform:rotate(calc(19deg * var(--index)));inset:2px;font-size:9px}}.button-pre__circle{position:relative;width:20px;height:20px;overflow:hidden;background:#fff;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center}.button-pre__icon--copy{position:absolute;transform:translate(-150%,150%)}.button-pre:hover{background:#56C3B3;transform:scale(1.05)}.button-pre:hover .button-pre__icon{color:#000}.button-pre:hover .button-pre__icon:first-child{transition:transform .3s ease-in-out;transform:translate(150%,-150%)}.button-pre:hover .button-pre__icon--copy{transition:transform .3s ease-in-out .1s;transform:translate(0)}@keyframes text-rotation{to{rotate:1turn}}