/* Button hover styles */
.btn-hoverEffect::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.btn-hoverEffect::after {
  content: "";
  width: 0px;
  height: 100%;
  border-radius: 8px;
  background-color: #00000033;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transition: 0.3s;
}
.btn-hoverEffect:hover::after {
  width: 100%;
}
