// Buttons
.btn {
transition: none;
}
@include media-breakpoint-down(sm) {
.btn {
margin-bottom: .25rem;
}
.input-group .btn {
margin-bottom: 0;
}
}
.btn-primary {
color: var(--template-text-light);
background-color: var(--template-bg-dark-60);
border-color: var(--template-bg-dark-60);
&:hover,
&:focus,
&:active {
background-color: var(--template-bg-dark-70);
border-color: var(--template-bg-dark-90);
}
&:not(:disabled):not(.disabled):active,
&:not(:disabled):not(.disabled).active,
.show > &.dropdown-toggle {
background-color: var(--template-bg-dark);
border-color: var(--template-bg-dark);
}
}
.btn-secondary {
background-color: var(--template-bg-dark-60);
border-color: var(--template-bg-dark-60);
}
.input-group-text {
background-color: var(--template-bg-dark);
border-color: var(--template-bg-dark);
}