.google-login-btn,
.apple-login-btn {
  display: block;
  position: relative;
  height: 44px;
  line-height: 44px;
  text-align: center;
  text-decoration: none;
  color: #3c4043;
  background: #fff;
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0,0,0,.06);
  padding: 0 12px 0 44px;
  margin: 0.75em 0;
}

.google-login-btn:hover,
.apple-login-btn:hover {
  background: #f8faff;
}
.google-login-btn:focus,
.apple-login-btn:focus {
  outline: 2px solid #1a73e8;
  outline-offset: 1px;
}

.google-login-btn .google-icon,
.apple-login-btn .apple-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
}

.google-login-btn .google-icon {
  display: inline-block;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.36 2.7 29.99 0 24 0 14.74 0 6.74 5.84 2.72 14.22l7.98 6.19C12.1 13.08 17.62 9.5 24 9.5z'/><path fill='%234285F4' d='M46.5 24.5c0-1.6-.14-3.14-.39-4.64H24v9.08h12.7c-.55 2.9-2.2 5.36-4.67 7.02l7.34 5.7c4.29-3.97 6.63-9.82 6.63-17.16z'/><path fill='%23FBBC05' d='M10.7 28.41c-.48-1.42-.75-2.94-.75-4.41s.27-2.99.75-4.41l-7.98-6.19C1.65 16.3 0 20.02 0 24c0 3.98 1.65 7.7 4.72 10.6l7.98-6.19z'/><path fill='%2334A853' d='M24 48c6.48 0 11.91-2.13 15.88-5.79l-7.34-5.7c-2.05 1.38-4.67 2.19-8.54 2.19-6.38 0-11.9-3.58-14.3-8.91l-7.98 6.19C6.74 42.16 14.74 48 24 48z'/><path fill='none' d='M0 0h48v48H0z'/></svg>") no-repeat center;
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.apple-login-btn .apple-icon {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' aria-hidden='true'><path fill='%23000' d='M13.207 9.55c-.006-1.278.573-2.239 1.744-2.941-.658-.94-1.651-1.458-2.958-1.56-1.241-.097-2.605.723-3.095.723-.513 0-1.694-.688-2.62-.688C4.13 5.096 2 6.62 2 9.706c0 .914.167 1.86.5 2.84.446 1.278 2.054 4.408 3.726 4.36.878-.02 1.5-.625 2.647-.625 1.115 0 1.702.625 2.655.625 1.691-.025 3.167-2.828 3.597-4.11-1.897-.888-1.918-3.554-1.918-3.246ZM11.61 2.54c.957-1.114.87-2.14.842-2.54-.876.051-1.895.602-2.493 1.313-.62.737-.982 1.633-.903 2.607.95.074 1.802-.422 2.554-1.38Z'></path></svg>") no-repeat center;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
}


.login-separator {
  text-align: center;
  margin: 1rem 0 1.5rem;
  color: #6b7280;
  font-size: 14px;
  font-family: "Roboto", arial, sans-serif;
}