.btn-fb,.btn-google{display:inline-block;border-radius:1px;text-decoration:none;box-shadow:0 2px 4px 0 rgba(0,0,0,.25);transition:background-color .218s,border-color .218s,box-shadow .218s;.fb-content,.google-content{display:flex;align-items:center;width:250px;height:40px;.logo{padding:15px}svg{width:18px;height:18px}p{width:100%;line-height:1;letter-spacing:.21px;text-align:center;font-weight:500;font-family:Roboto,sans-serif}}}.btn-google{background:#fff;.logo{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);background-color:#fff;background-repeat:no-repeat;background-position:12px 11px;width:18px;height:18px;margin-top:-10px;margin-left:3px;box-sizing:border-box}&:hover{box-shadow:0 0 3px 3px rgba(66,133,244,.3)}&:active{background-color:#eee}.google-content p{color:#757575}}.btn-fb{padding-top:1.5px;background:#4267b2;&:hover{box-shadow:0 0 3px 3px rgba(59,89,152,.3)}&:active{background-color:#3b5998}.fb-content p{color:hsla(0,0%,100%,.87)}}.usb{margin-top:8px;z-index:2}.usb[data-state=readying],.usb[data-state=uploading]{cursor:not-allowed}@keyframes usb-jello-attention{0%{transform:scaleX(1)}10%{transform:scale3d(1.05,.8,1)}20%{transform:scale3d(.8,1.05,1)}30%{transform:scale3d(1.025,.77,1)}40%{transform:scale3d(.96,1.02,1)}50%{transform:scale3d(1.01,.96,1)}60%{transform:scaleX(1)}to{transform:scaleX(1)}}.usb>[data-ut-element=button]{width:auto;animation:usb-jello-attention 1.82s ease infinite normal none;box-sizing:content-box;background-color:#7357e0;border-radius:8px;color:var(--background);text-align:center;cursor:pointer;line-height:normal;text-decoration:none;display:flex;padding:5px 10px;align-items:center;justify-content:center;position:relative;font-size:20px;font-weight:600;border:2px solid #5439bd;box-shadow:-3px 3px #5439bd;color:#fff}.usb>[data-ut-element=button]:hover{color:#7357e0;background-color:#fff;animation:none}.usb>[data-ut-element=button]:active{box-shadow:-1px 1px #5439bd;transform:translateX(-2px) translateY(2px);animation:none}.usb>[data-ut-element=button][data-state=readying],.usb>[data-ut-element=button][data-state=uploading]{cursor:not-allowed;animation:none;background-color:#a68dec}.usb>[data-ut-element=button][data-state=uploading]{color:#fff}.usb>[data-ut-element=button][data-state=uploading]:after{background-color:#7357e0;color:#fff;z-index:1}.animate-spin{animation:spin .7s linear infinite normal none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}