@import "./variables.less";

.btn {
	border-radius: 0;
	border: 1px solid transparent;
	padding: 5px;
	&.selected, &.chosen {
		background-color: @color-white;
	}
	a:visited {
		color: @color-white;
	}
}

.primary-btn {
	background-color: @primary-color-light;
	border-color: @primary-color-light;
	color: @color-white;
	&:hover, &:active, &:focus {
		background-color: @primary-color-dark;
		color: @color-white;
	}
	&.selected, &.chosen {
		color: @primary-color-light;
		&:hover, &:active, &:focus {
			background-color: @color-white;
		}
	}
}

.secondary-btn {
	background-color: @secondary-color-light;
	border-color: @secondary-color-light;
	color: @color-white;
	&:hover, &:active, &:focus {
		background-color: @secondary-color-darker;
		color: @color-white;
	}
	&.selected, &.chosen {
		color: @secondary-color-light;
		&:hover, &:active, &:focus {
			background-color: @color-white;
		}
	}
}