.portfolio-btn{cursor:pointer;border:none;background:#7808d0;color:#fff;width:100px;height:100px;border-radius:50%;overflow:hidden;position:relative;display:grid;place-content:center;transition:background .3s,transform .2s;font-weight:600}.portfolio-btn__text{position:absolute;inset:0;animation:portfolio-text-rotation 8s linear infinite}.portfolio-btn__text>span{position:absolute;transform:rotate(calc(19deg * var(--index)));inset:7px}.portfolio-btn__circle{position:relative;width:40px;height:40px;overflow:hidden;background:#fff;color:#7808d0;border-radius:50%;display:flex;align-items:center;justify-content:center}.portfolio-btn__icon--copy{position:absolute;transform:translate(-150%,150%)}.portfolio-btn:hover{background:#000;transform:scale(1.05)}.portfolio-btn:hover .portfolio-btn__icon{color:#000}.portfolio-btn:hover .portfolio-btn__icon:first-child{transition:transform .3s ease-in-out;transform:translate(150%,-150%)}.portfolio-btn:hover .portfolio-btn__icon--copy{transition:transform .3s ease-in-out .1s;transform:translate(0)}@keyframes portfolio-text-rotation{to{rotate:1turn}}