/*--------------
     Active
---------------*/

.active.button {
  background-color: var(--button-active-background-color);
  background-image: var(--button-active-background-image);
  box-shadow: var(--button-active-box-shadow);
  color: var(--button-active-color);
}
.active.button:hover {
  background-color: var(--button-active-hover-background-color);
  background-image: var(--button-active-hover-background-image);
  color: var(--button-active-hover-color);
  box-shadow: var(--button-active-hover-box-shadow);
}
.active.button:active {
  background-color: var(--button-active-down-background-color);
  background-image: var(--button-active-down-background-image);
  color: var(--button-active-down-color);
  box-shadow: var(--button-active-down-box-shadow);
}