.hover-effect1:hover {
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-box-shadow: 0 5px 5px #000000;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }

.hover-effect1:active {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 5px #000000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }

.hover-effect2:hover {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-box-shadow: inset 0 -5px 0 #000000;
  box-shadow: inset 0 -5px 0 #000000;
  box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.2); }

.hover-effect2:active {
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-box-shadow: none;
  box-shadow: none; }

.hover-effect3:hover {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg); }

.hover-effect3:active {
  -webkit-transform: rotate(2deg) scale(0.95);
  -moz-transform: rotate(2deg) scale(0.95);
  -ms-transform: rotate(2deg) scale(0.95);
  -o-transform: rotate(2deg) scale(0.95);
  transform: rotate(2deg) scale(0.95); }

.hover-effect4:hover {
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
  -ms-transform: scale(0.98);
  -o-transform: scale(0.98);
  transform: scale(0.98); }

.hover-effect4:active {
  -webkit-transform: rotate(-1deg) scale(0.95);
  -moz-transform: rotate(-1deg) scale(0.95);
  -ms-transform: rotate(-1deg) scale(0.95);
  -o-transform: rotate(-1deg) scale(0.95);
  transform: rotate(-1deg) scale(0.95); }