@import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@500&display=swap');

.sso-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.sso{
  display:inline-flex;align-items:center;box-sizing:border-box;
  height:40px;min-width:240px;padding:0 12px;border-radius:20px;
  font-family:'Google Sans',Roboto,Arial,sans-serif;font-weight:500;font-size:14px;line-height:20px;
  text-decoration:none;white-space:nowrap;cursor:pointer;
}
.sso img{flex:0 0 auto;margin-right:10px}
.sso span{padding-right:12px}
.sso-google{background:#131314;border:1px solid #8E918F;color:#E3E3E3}
.sso-google img{width:20px;height:20px}
.sso-discord{background:#5865F2;border:1px solid #5865F2;color:#FFFFFF}
.sso-discord img{width:20px;height:15px}
.sso:hover{filter:brightness(1.08)}
.sso:focus-visible{outline:2px solid #E3E3E3;outline-offset:2px}