@mixin color-button($color) {
  border-color: $color;
  background: rgba($color, 0.15);
  color: $color;
  &:hover {
    background: rgba($color, 0.30);
    box-shadow: 0 0 em-calc(4px) $color;
    color: $color;
  }
  &:active {
    background: rgba($color, 0.15);
    box-shadow: 0 0 em-calc(10px) $color;
    color: $color;
  }
}

@mixin color-clean-button($color) {
  &:hover {
    text-shadow: 0 0 8px rgba($color, 0.70);
  }
}