.remote-sign-in__vendor-logins .remote-sign-in__vendor-list-item {
  margin: 0 0.25rem;
}

.remote-sign-in__vendor-logins .remote-sign-in__vendor-list-item a:is(
  .facebook,
  .google,
  .linkedin,
  .apple,
  .thinkific-accounts
) {
  background-color: #ffffff;
  border: 1px solid #cacccd;
  font-size: 1.5rem;
  height: 3rem;
  width: 3rem;
}

.remote-sign-in__vendor-logins .remote-sign-in__vendor-list-item a.thinkific-accounts {
  display: inline-flex;
  position: relative;
  width: 48px;
  height: 48px;
  border: 1px solid #cacccd;
  border-radius: 100%;
  font-size: 6px;
  align-items: center;
  justify-content: center;
}

.remote-sign-in__vendor-logins .remote-sign-in__vendor-list-item a:is(
  :hover,
  :focus,
  :active
) {
  background-color: #f2f3f5;
  box-shadow: none;
}

.remote-sign-in__vendor-logins .remote-sign-in__vendor-list-item a.facebook i {
  color: #35579c;
}

.remote-sign-in__vendor-logins .remote-sign-in__vendor-list-item a.linkedin i {
  color: #007bba;
}

.remote-sign-in__vendor-logins .remote-sign-in__vendor-list-item a.apple i {
  color: #000000;
}

.remote-sign-in__vendor-logins .remote-sign-in__vendor-list-item a.google i {
  background: linear-gradient(to bottom left, transparent 49%, #fbbc05 50%) 0 25%/48% 40%,
  linear-gradient(to top left, transparent 49%, #fbbc05 50%) 0 75%/48% 40%,
  linear-gradient(-40deg, transparent 53%, #ea4335 54%),
  linear-gradient(45deg, transparent 46%, #4285f4 48%), #34a853;
  background-clip: text;
  background-repeat: no-repeat;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}