.social-buttons-container{flex-wrap:nowrap}.social-login-button{box-sizing:border-box;border-radius:.5rem;justify-content:center;align-items:center;min-height:44px;padding:.5rem 0;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s ease-out;display:flex;position:relative;overflow:hidden}.social-login-button .icon-initial{transition:all .3s ease-out;position:absolute}.social-login-button .text-expanded-content{opacity:0;white-space:nowrap;pointer-events:none;transition:all .3s ease-out;position:absolute}.social-login-button .arrow-icon{opacity:0;pointer-events:none;transition:all .3s ease-out;position:absolute;right:1rem;transform:translate(100%)}.github-button{justify-content:flex-start}.github-button .icon-initial{left:50%;transform:translate(-50%)}.github-button:hover{width:100%!important}.github-button:hover .icon-initial{left:1rem;transform:translate(0)}.github-button:hover .text-expanded-content{opacity:1;padding-left:1.5rem;left:50%;transform:translate(-50%)}.github-button:hover .arrow-icon{opacity:1;transform:translate(0)}.linkedin-button{justify-content:center}.linkedin-button .icon-initial{left:50%;transform:translate(-50%)}.linkedin-button:hover{width:100%!important}.linkedin-button:hover .icon-initial{left:1rem;transform:translate(0)}.linkedin-button:hover .text-expanded-content{opacity:1;padding-left:1.5rem;left:50%;transform:translate(-50%)}.linkedin-button:hover .arrow-icon{opacity:1;transform:translate(0)}.google-button{justify-content:flex-end}.google-button .icon-initial{left:50%;transform:translate(-50%)}.google-button:hover{width:100%!important}.google-button:hover .icon-initial{left:1rem;transform:translate(0)}.google-button:hover .text-expanded-content{opacity:1;padding-left:1.5rem;left:50%;transform:translate(-50%)}.google-button:hover .arrow-icon{opacity:1;transform:translate(0)}@media (max-width:768px){.social-buttons-container{space-x-2:0;space-y-3:1;flex-direction:column;align-items:center}.social-login-button{justify-content:flex-start;width:100%;padding:.5rem 1rem}.social-login-button .icon-initial{margin-right:.5rem;position:relative;left:0;transform:none}.social-login-button .text-expanded-content{opacity:1;padding-left:0;position:relative;left:0;transform:none}.social-login-button .arrow-icon{opacity:1;margin-left:auto;position:relative;right:auto;transform:none}}