/* Microsoft (Entra ID) social button icon.
   login.ftl emits <i class="<kcCommonLogoIdP> kc-mslogo"> for the "entra" provider (because
   theme.properties sets kcLogoIdP-entra=kc-mslogo). We turn that <i> into a small box carrying the
   official 4-square Microsoft mark as a background image. Sized to sit next to the button text. */
.kc-mslogo {
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-right: 6px;
  vertical-align: middle;
  background-image: url("../img/microsoft.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}