@import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@500&display=swap');
.pp-google-signin {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 20px 1fr 20px;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #747775;
  border-radius: 12px;
  background: #fff;
  color: #1f1f1f;
  font: 500 14px/20px 'Google Sans', Arial, sans-serif;
  text-decoration: none;
  letter-spacing: .25px;
  transition: background-color .15s, box-shadow .15s;
}
.pp-google-signin:hover { background: #f8faff; box-shadow: 0 1px 3px rgba(60,64,67,.18); }
.pp-google-signin:focus-visible { outline: 3px solid #4285f4; outline-offset: 3px; }
.pp-google-signin img { display: block; width: 20px; height: 20px; object-fit: contain; }
.pp-google-signin span { text-align: center; }
.pp-signin-divider { display: flex; align-items: center; gap: 12px; margin: 18px 0; color: #6a6d79; font: 400 12px/18px Arial, sans-serif; }
.pp-signin-divider::before, .pp-signin-divider::after { content: ''; height: 1px; flex: 1; background: #dce0e6; }