.btn {
	background-image: none;
	cursor: pointer;

	&.btn-primary {
		@include button-variant( $btn-primary-color-text, $color-primary, $color-primary);
	}

	&.btn-secondary {
		@include button-variant( $color-text-inverse, $color-secondary, $color-divider );	
	}

	&.btn-success {
		@include button-variant( $color-text-inverse, $color-success, $color-success);
	}

	&.btn-info {
		@include button-variant( $color-text-inverse, $color-info, $color-info);
	}

	&.btn-warning {
		@include button-variant( $color-text-inverse, $color-warning, $color-warning);
	}

	&.btn-danger {
		@include button-variant( $color-text-inverse, $color-danger, $color-danger);
	}

	&.btn-default {
		@include button-variant( $color-text, $color-default, $color-default);
	}

	// Remove all backgrounds
	&.btn-primary-outline {
		@include button-outline-variant($color-primary);
	}

	&.btn-secondary-outline {
		@include button-outline-variant($color-secondary);
	}

	&.btn-info-outline {
		@include button-outline-variant($color-info);
	}

	&.btn-success-outline {
		@include button-outline-variant($color-success);
	}

	&.btn-warning-outline {
		@include button-outline-variant($color-warning);
	}

	&.btn-danger-outline {
		@include button-outline-variant($color-danger);
	}

	

	&.btn-pill-left,
	&.btn-pill-right,
	&.btn-oval {
		&:focus {
			outline: none;
    		outline-offset: initial;
		}	
	}

	&.btn-pill-left {
		border-top-left-radius: $btn-radius;	
		border-bottom-left-radius: $btn-radius;
	}

	&.btn-pill-right {
		border-top-right-radius: $btn-radius;	
		border-bottom-right-radius: $btn-radius;
	}

	&.btn-oval {
		border-radius: $btn-radius;
	}

	&.btn-link {
		text-decoration: none;
	}

	strong {
		font-weight: 600;
	}

}

.btn-group {
	.dropdown-menu {
		& > li:last-child {
			a:hover:before {
				height: 0px;
				transform: scaleX(0)
			}
		}
	}
}

.btn-circle {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;  
  cursor: pointer;
}
.btn-circle.btn-sm {
  width: 30px;
  height: 30px;
  padding: 4px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 16px;
  line-height: 1.428571429;
}
.btn-circle.btn-lg {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}   

.btn-facebook {
  color: #ffffff !important;
  background-color: #3b5998 !important;
  cursor: pointer;
}
.btn-twitter {
  color: #ffffff !important;
  background-color: #55acee !important;
  cursor: pointer;
}
.btn-linkedin {
  color: #ffffff !important;
  background-color: #007bb6 !important;
  cursor: pointer;
}
.btn-dribbble {
  color: #ffffff !important;
  background-color: #ea4c89 !important;
  cursor: pointer;
}
.btn-googleplus {
  color: #ffffff !important;
  background-color: #dd4b39 !important;
  cursor: pointer;
}
.btn-instagram {
  color: #ffffff !important;
  background-color: #3f729b !important;
  cursor: pointer;
}
.btn-pinterest {
  color: #ffffff !important;
  background-color: #cb2027 !important;
  cursor: pointer;
}
.btn-dropbox { 
  color: #ffffff !important;
  background-color: #007ee5 !important;
  cursor: pointer;
}
.btn-flickr {
  color: #ffffff !important;
  background-color: #ff0084 !important;
  cursor: pointer;
}
.btn-tumblr {
  color: #ffffff !important;
  background-color: #32506d !important;
  cursor: pointer;
}
.btn-skype {
  color: #ffffff !important;
  background-color: #00aff0 !important;
  cursor: pointer;
}
.btn-youtube {
  color: #ffffff !important;
  background-color: #bb0000 !important;
  cursor: pointer;
}
.btn-github {
  color: #ffffff !important;
  background-color: #171515 !important;
  cursor: pointer;
}   


.container-button > .btn {
	 margin-right: 4px;
}