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;
}

Leave a Reply

Your email address will not be published. Required fields are marked *