@import "https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" ;

.singlesignon__component {
  display: flex;
  gap: 10px; /* Espacio entre los botones */
  justify-content: center; /* Centra los botones horizontalmente */
}

.socialbtn {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  text-decoration: none;
  font-size: 20px;
  color: white;
}

.socialbtn i {
  font-size: 24px; /* Tamaño del ícono */
}

.socialbtn.amazon {
  background: #ff9900;
}

.socialbtn.facebook {
 background: #3b5998;
}

.socialbtn.google {
  background: #db4a39;
}

.socialbtn.sso {
  background: #0068b3;
}