.cssbuttons-io-button{background:#a370f0;color:#fff;font-family:inherit;padding:.35em;padding-left:1.2em;font-size:17px;font-weight:500;border-radius:.9em;border:none;letter-spacing:.05em;display:flex;align-items:center;box-shadow:inset 0 0 1.6em -.6em #714da6;overflow:hidden;position:relative;height:2.8em;padding-right:3.3em;cursor:pointer}.cssbuttons-io-button .icon{background:#fff;margin-left:1em;position:absolute;display:flex;align-items:center;justify-content:center;height:2.2em;width:2.2em;border-radius:.7em;box-shadow:.1em .1em .6em .2em #7b52b9;right:.3em;transition:all 0.3s}.cssbuttons-io-button:hover .icon{width:calc(100% - 0.6em)}.cssbuttons-io-button .icon svg{width:1.1em;transition:transform 0.3s;color:#7b52b9}.cssbuttons-io-button:hover .icon svg{transform:translateX(.1em)}.cssbuttons-io-button:active .icon{transform:scale(.95)}@media (max-width:768px){.cssbuttons-io-button{font-size:15px;padding-left:1em;padding-right:2.8em;height:2.6em}.cssbuttons-io-button .icon{height:2em;width:2em;border-radius:.6em;right:.2em}.cssbuttons-io-button .icon svg{width:1em}}@media (max-width:480px){.cssbuttons-io-button{font-size:14px;height:2.4em;padding-left:.8em;padding-right:2.5em}.cssbuttons-io-button .icon{height:1.8em;width:1.8em}.cssbuttons-io-button:hover .icon{width:100%}}