.split.button {
  width: 100%; 
}

.split.button.facebook {
  background: #3b5998;
  text-transform: uppercase; 
}

.split.button.facebook span {
  background: #2d4373; 
}

.split.button.facebook span:after {
  border: none;
  font-family: "foundation-icons";
  content: "\f1c4";
  font-size: 2rem;
  line-height: 0.25rem;
  margin-left: -0.7rem; 
}

.split.button.twitter {
  background: #55acee;
  text-transform: uppercase; 
}

.split.button.twitter span {
  background: #2795e9; 
}

.split.button.twitter span:after {
  border: none;
  font-family: "foundation-icons";
  content: "\f1e4";
  font-size: 2rem;
  line-height: 0.25rem;
  margin-left: -0.7rem; 
}

.split.button.google {
  background: #d50f25;
  text-transform: uppercase; 
}

  .split.button.google span {
    background: #a50c1d; 
}

.split.button.google span:after {
  font-family: "foundation-icons";
  content: "\f1ca";
  font-size: 2rem;
  line-height: 0.25rem;
  margin-left: -0.7rem; 
}

.split.button.left-icon {
  text-align: right; 
}

.split.button.left-icon span {
    left: 0; 
}

/* -------------------- CUSTOM ------------------- */

/* FACEBOOK */
.split.button.facebook:hover {
	background-color: #3B7B98;
}

.split.button.facebook:hover span {
  background: #2d6573; 
}

/* TWITTER */
.split.button.twitter:hover {
	background-color: #55CEEE;
}

.split.button.twitter:hover span {
  background: #27B7e9; 
}

/* INSTAGRAM */
.split.button.instagram {
  background: #D6BB8D;
  text-transform: uppercase; 
}

.split.button.instagram:hover {
	background-color: #D6DD8D;
}

.split.button.instagram span {
  background: #A7785C; 
}

.split.button.instagram:hover span {
  background: #A79A5C; 
}

.split.button.instagram span:after {
  border: none;
  font-family: "foundation-icons";
  content: "\f1cd";
  font-size: 2rem;
  line-height: 0.25rem;
  margin-left: -0.7rem; 
}