.top{width:50px;height:50px;border-radius:50%;background-color:#052d46;border:none;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px rgba(5,45,70,.233);cursor:pointer;overflow:hidden;position:relative}.svgIcon,.top{transition-duration:.3s}.svgIcon{width:12px}.svgIcon path{fill:#fff}.top:hover{width:140px;border-radius:50px;transition-duration:.3s;background-color:#052d46;align-items:center}.top:hover .svgIcon{transition-duration:.3s;transform:translateY(-200%)}.top:before{position:absolute;bottom:-20px;content:"Back to Top";color:#fff;font-size:0}.top:hover:before{font-size:13px;opacity:1;bottom:unset;transition-duration:.3s}.cssbuttons-io-button{background:#3ccf91;color:#000;font-family:inherit;margin-left:30px;font-size:14px;font-weight:500;border-radius:.9em;border:none;letter-spacing:.05em;display:flex;align-items:center;box-shadow:inset 0 0 1.6em -.6em #3ccf91;overflow:hidden;position:relative;height:2.8em;padding:.35em 3.3em .35em 1.2em;cursor:pointer}.cssbuttons-io-button .icon{background:#000;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 #3ccf91;right:.3em;transition:all .3s}.cssbuttons-io-button:hover .icon{width:calc(100% - .6em)}.cssbuttons-io-button .icon svg{width:1.1em;transition:transform .3s;color:#3ccf91}.cssbuttons-io-button:hover .icon svg{transform:translateX(.1em)}.cssbuttons-io-button:active .icon{transform:scale(.95)}