.social-login-icons{-webkit-box-reflect:below 5px linear-gradient(transparent,#0005);align-items:center;gap:10px;display:flex}.social-login-icons svg{width:40px}.social-icon-1,.social-icon-1-1,.social-icon-2,.social-icon-2-2,.social-icon-3,.social-icon-3-3,.social-icon-4,.social-icon-4-4{border-radius:50px;justify-content:center;align-items:center;width:50px;height:50px;margin:20px 0 0;display:flex}.icon svg{fill:#111}.socialcontainer{height:80px;overflow:hidden}.social-icon-1{background-color:#000;transition-duration:.4s;transition-timing-function:cubic-bezier(.46,-.78,.5,1.56)}.social-icon-1 svg,.social-icon-2 svg,.social-icon-3 svg,.social-icon-4 svg{opacity:0;transition-duration:.5s;transition-delay:.2s}.social-icon-1-1{background-color:#0000;transition-duration:.4s}.socialcontainer:hover .social-icon-1{transform:translateY(-70px)}.socialcontainer:hover .social-icon-1 svg,.socialcontainer:hover .social-icon-2 svg,.socialcontainer:hover .social-icon-3 svg,.socialcontainer:hover .social-icon-4 svg{opacity:1}.social-icon-2{background:#25d366;transition-duration:.4s;transition-timing-function:cubic-bezier(.46,-.78,.5,1.56)}.socialcontainer:hover .social-icon-2{transform:translateY(-70px)}.social-icon-3{background:#316ff6;transition-duration:.4s;transition-timing-function:cubic-bezier(.46,-.78,.5,1.56)}.socialcontainer:hover .social-icon-3{transform:translateY(-70px)}.social-icon-4{background:linear-gradient(#812290 0%,#4d227c 91%);transition-duration:.4s;transition-timing-function:cubic-bezier(.46,-.78,.5,1.56)}.socialcontainer:hover .social-icon-4{transform:translateY(-70px)}