.cssbuttons-io-button{background:#fff;color:#000;font-family:inherit;font-size:26px;font-weight:500;border-radius:80px;border:none;letter-spacing:.05em;display:flex;align-items:center;overflow:hidden;position:relative;height:88px;width:350px;padding:.35em 1.2em .35em 4em;cursor:pointer}.cssbuttons-io-button .icon{background:#000;margin-right:.1em;position:absolute;display:flex;align-items:center;justify-content:center;height:80px;width:80px;border-radius:50px;left:.2em;transition:all .3s}.cssbuttons-io-button .icon svg{rotate:-45deg}.cssbuttons-io-button:hover .icon{width:calc(100% - .4em);background:#003be6}.cssbuttons-io-button .icon svg{width:1.1em;transition:transform .3s;color:#fff}.cssbuttons-io-button:hover .icon svg{transition:transform .3s;transform:translateX(.1em);rotate:0deg}.cssbuttons-io-button:active .icon{transform:scale(.95);background:#003be6}@media (max-width:640px){.cssbuttons-io-button{width:200px;height:70.4px;font-size:16.8px;padding-right:.96em;padding-left:4.4em;border-radius:64px}.cssbuttons-io-button .icon{height:64px;width:64px;border-radius:40px;left:.16em}.cssbuttons-io-button:hover .icon{width:calc(100% - .32em)}}.burger{position:relative;width:40px;height:30px;background:transparent;cursor:pointer;display:block}.burger input{display:none}.burger span{display:block;position:absolute;height:2px;width:100%;background:#fff;border-radius:9px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.burger span:first-of-type{top:0;transform-origin:left center}.burger span:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center}.burger span:nth-of-type(3){top:100%;transform-origin:left center;transform:translateY(-100%)}.burger input:checked~span:first-of-type{transform:rotate(45deg);top:0;left:5px}.burger input:checked~span:nth-of-type(2){width:0;opacity:0}.burger input:checked~span:nth-of-type(3){transform:rotate(-45deg);top:28px;left:5px}.group:hover{background-position:100%;transition:background-position .3s ease}