/* Basscss Btn Primary */

.btn-primary {

color: var(--button-color);
background-color: var(--button-background-color);
border-radius: var(--border-radius);

}

.btn-primary:hover {

box-shadow: inset 0 0 0 20rem var(--darken-1);

}

.btn-primary:active {

box-shadow: inset 0 0 0 20rem var(--darken-2),
  inset 0 3px 4px 0 var(--darken-3),
  0 0 1px var(--darken-2);

}

.btn-primary:disabled, .btn-primary.is-disabled {

opacity: .5;

}

:root {

--blue: #0074d9;
--button-color: #fff;
--button-background-color: var(--blue);
--border-radius: 3px;
--darken-1: rgba(0, 0, 0, .0625);
--darken-2: rgba(0, 0, 0, .125);
--darken-3: rgba(0, 0, 0, .25);

}