@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;
}
}
}