.login-with-container{margin-bottom:20px;text-align:center}.login-with-button{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:#757575;border:1px solid #ddd;border-radius:2px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color 0.3s}.login-with-button:hover{background-color:#f8f8f8}.login-with-button img{margin-right:10px;margin-left:10px;width:18px;height:18px}.login-with-button.loading{pointer-events:none;opacity:.7}.login-with-button.loading:after{content:'';position:absolute;width:16px;height:16px;top:50%;right:10px;margin-top:-8px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.login-with-divider{position:relative;margin:20px 0;text-align:center}.login-with-divider:before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background-color:#ddd;z-index:1}.login-with-divider span{position:relative;display:inline-block;padding:0 10px;background-color:#fff;color:#757575;z-index:2}