.effect-hover-1 {
  -webkit-transition-duration: 750ms;
  transition-duration: 750ms; }
  .effect-hover-1:hover {
    cursor: pointer;
    box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.1); }

.effect-hover-grayscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }
  .effect-hover-grayscale:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%); }

.effect-hover-blur-gray span {
  width: 100%;
  position: absolute;
  bottom: -20px;
  left: 0;
  z-index: -1;
  display: block;
  text-align: center;
  transition: 0.3s ease-in-out;
  opacity: 0; }
.effect-hover-blur-gray img {
  filter: grayscale(0) blur(0);
  transition: 0.3s ease-in-out; }
.effect-hover-blur-gray:hover img {
  filter: grayscale(100%) blur(3px); }
.effect-hover-blur-gray:hover span {
  bottom: -36px;
  opacity: 1; }

.effect-hover-shadow:hover {
  transition-duration: 500ms;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.raise:hover, .raise:focus {
  transition-duration: 500ms;
  box-shadow: 0 0.5em 0.5em -0.4em var(--gray);
  transform: translateY(-0.35em); }

.raise-shadow {
  transition-duration: 750ms;
  position: relative; }
  .raise-shadow:hover {
    cursor: pointer;
    z-index: 99;
    box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.1); }

/*# sourceMappingURL=hover-effect.css.map */