.outlined {
	&:focus {
		outline: #6359cf;
		outline-style: solid;
	}
}
a {
	@extend .outlined;
}
button,
.btn {
	@extend .outlined;
	@extend .button;
}

.btn--full {
	@extend .is-block;
}

button {
	&.is-white {
		&:hover {
			background: $secondary_color;
			color: $white;
		}
	}
	&:hover {
		outline-color: cadetblue;
	}
}

.is-success {
	background: #128149;
	color: #fff;
}

.is-primary {
	background: #6359cf;
	color: #fff;
}

.is-disabled {
	background: #767486;
	color: #fff;
}

.is-secondary {
	background: #fff;
	color: #6359cf;
	border-color: #6359cf;
}
.btn-primary {
	@extend .is-primary;
}

.is-warning {
	@extend .is-warning;
}

.btn--info {
	@extend .is-info;
}

.btn--danger {
	@extend .is-danger;
}