css hover and active states

.btn-action {

  padding: 10px;

  color: #000;

  background-color: #9955bb;

	transition: all 0.3s ease;

}



.btn-action:hover,

.btn-action:active,

.btn-action:focus {

  cursor: pointer;

	color: #fff;

  background-color: #9955bb;

	/*opacity: 0.9;*/

	filter: contrast(60%) brightness(110%) hue-rotate(-180deg);

	transition: all 0.3s ease;

}