.button{line-height:1;text-decoration:none;display:inline-flex;border:none;cursor:pointer;align-items:center;gap:.75rem;background-color:var(--clr);color:#fff;border-radius:10rem;font-weight:600;padding:.5rem .8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.3s;font-family:"kodchasan"}.button:hover{background-color:#000}.button:hover .button__icon-wrapper{color:#000}.button:hover .button__icon-wrapper .button__icon-svg:first-child{transition:transform .3s ease-in-out;transform:translate(150%, -150%)}.button:hover .button__icon-wrapper .button__icon-svg--copy{transition:transform .3s ease-in-out .1s;transform:translate(0)}.button__icon-wrapper{flex-shrink:0;width:24px;height:24px;position:relative;color:var(--clr);background-color:#fff;border-radius:50%;display:grid;place-items:center;overflow:hidden}.button__icon-svg--copy{position:absolute;transform:translate(-150%, 150%)}