.social-connect {
  margin-bottom: 20px;
  width: 260px;
  height: 36px;
  border: none;
  border-radius: 2px;
  color: #FFF;
  transition: 0.2s ease;
  cursor: pointer;
  font-size: 16px;
}

.social-connect:hover,
.social-connect:focus {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  transition: 0.2s ease;
}

.social-connect:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  transition: 0.2s ease;
}

.social-connect.facebook {
  background: #32508E;
}

.social-connect.instagram {
  background: #bf2f88;
}

.social-connect.twitter {
  background: #55ACEE;
}

.social-connect.google {
  background: #DD4B39;
}