/* Make sure the list has no bullets, and size the card */
.core-login-widget { max-width: 340px; }
.core-login-widget ul,
.core-login-widget .item-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.core-login-widget li { margin-bottom: .5rem; }

/* Buttons: horizontal layout + icon circle on the left */
.core-login-widget .btn {
  display: flex;
  align-items: center;
  justify-content: center; /* center label when icons are same width */
  gap: .5rem;
  border-radius: .5rem;
}

.core-login-widget .btn::before {
  content: "";
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Email: no icon (or add one later if you like) */
.core-login-widget .btn-email::before { display: none; }

/* Social icons (paths are web-relative) */
.core-login-widget .btn-google::before    { background-image: url("/modules/custom/core_login_widget/images/google_logo.svg"); }
.core-login-widget .btn-github::before    { background-image: url("/modules/custom/core_login_widget/images/github_logo.svg"); }
.core-login-widget .btn-microsoft::before { background-image: url("/modules/custom/core_login_widget/images/microsoft_logo.svg"); }
.core-login-widget .btn-facebook::before  { background-image: url("/modules/custom/core_login_widget/images/facebook_logo.svg"); }