button.animated-button{color:#fff;cursor:pointer;display:inline-block;height:50px;letter-spacing:.5px;line-height:50px;overflow:hidden;outline:0;padding:0 16px;position:relative;text-align:center;text-decoration:none;transition:background-color 150ms,color 150ms ease-in-out;white-space:nowrap;width:100%}button.animated-button ul{height:50px;margin:0;padding:0;transition:transform .3s cubic-bezier(0,.65,.7,.9);transform-style:preserve-3d}button.animated-button li{--rotateX:0deg;backface-visibility:hidden;display:block;transition:opacity 150ms;transform-origin:50% 50%;transform:rotateX(var(--rotateX)) translateZ(10px);width:100%}button.animated-button li:nth-child(3){opacity:0;position:absolute;padding-bottom:36px;padding-right:30px;--rotateX:-180deg}button.animated-button li:nth-child(2){opacity:0;position:absolute;padding-bottom:36px;padding-right:36px;--rotateX:-90deg}button.animated-button li:nth-child(1){padding-right:26px}button.animated-button span{align-items:center;display:flex;float:left;height:100%;justify-content:center;max-width:0;opacity:0;position:relative;transform:translateX(-100%);transition:max-width 50ms ease,opacity .1s ease,transform 150ms ease-in-out;width:20px;buttom:20px}button.animated-button svg{position:absolute}button.animated-button svg:nth-child(1){--stroke:40;fill:transparent;height:20px;left:0;stroke:#fff;stroke-dasharray:var(--stroke);stroke-dashoffset:calc(var(--stroke) * 2);top:15px;width:20px}button.animated-button svg:nth-child(2){--stroke:16;fill:transparent;height:16px;left:50%;stroke:transparent;stroke-dasharray:var(--stroke);stroke-dashoffset:var(--stroke);top:25px;transform:translate3d(-5px,-3px,0);transition:stroke .3s;width:16px}button.-success,button.animated-button.-request{pointer-events:none}button.-success span,button.animated-button.-request span{margin-right:12px;max-width:initial;opacity:1;transform:translateX(0)}button.-request li:nth-child(1),button.-success li:nth-child(1){opacity:0;position:absolute}button.-request svg:nth-child(1){animation:stroke 2s linear infinite forwards,rotate 1s linear infinite forwards}button.-request ul{transform:rotateX(90deg)}button.-request li:nth-child(2){opacity:1;padding-buttom:10%}button.-success svg:nth-child(1){fill:#fff;stroke-dasharray:0}button.-success svg:nth-child(2){animation:stroke .3s ease-in-out forwards;stroke:#00BF9C}button.-success ul{transform:rotateX(180deg)}button.-success li:nth-child(3){opacity:1;position:relative}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes rotate{to{transform:rotate(360deg)}}.twitter{bottom:0;position:fixed;right:0;width:50px}