.op-button{line-height:1;text-decoration:none;display:inline-flex;align-items:center;gap:.75rem;border:none;cursor:pointer;background:linear-gradient(135deg,#6f2dbd,#a663cc);color:#fff;border-radius:50px;font-weight:600;padding:.75rem 1.5rem .75rem 1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background 0.3s,transform 0.2s,box-shadow 0.3s;box-shadow:0 0 10px rgb(111 45 189 / .7),0 0 20px rgb(111 45 189 / .4)}.button__icon-wrapper{flex-shrink:0;width:25px;height:25px;position:relative;color:#6f2dbd;background-color:#fff;border-radius:50%;display:grid;place-items:center;overflow:hidden;transition:background-color 0.3s,transform 0.3s,color 0.3s}.op-button:hover{background:linear-gradient(135deg,#5a1e9a,#924db8);box-shadow:0 0 15px rgb(162 91 229 / .9),0 0 25px rgb(162 91 229 / .5)}.op-button:hover .button__icon-wrapper{color:#fff;background-color:#6f2dbd}.button__icon-svg--copy{position:absolute;transform:translate(-150%,150%)}.op-button:hover .button__icon-svg:first-child{transition:transform 0.3s ease-in-out;transform:translate(150%,-150%)}.op-button:hover .button__icon-svg--copy{transition:transform 0.3s ease-in-out 0.1s;transform:translate(0)}.op-button:active{transform:scale(.95);box-shadow:0 0 20px rgb(162 91 229)}.op-button:active .button__icon-wrapper{transform:scale(.9)}