.hover-blurable {
    position: relative;
  }
  .hover-blurable .blurable-item {
    transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    filter: blur(0);
    opacity: 1;
  }
  .hover-blurable .blurable-hidden {
    position: absolute;
    top: calc(50% + 7px);
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.2s ease;
  }
  @media (prefers-reduced-motion: reduce) {
    .hover-blurable .blurable-hidden {
      transition: none;
    }
  }
  .hover-blurable:hover .blurable-item {
    opacity: 0.8;
    filter: blur(10px);
    transform: scale(0.95);
  }
  .hover-blurable:hover .blurable-hidden {
    opacity: 1;
    top: 50%;
  }
  

  
  [class*=hover-] {
    transition: all 0.2s ease;
  }
  @media (prefers-reduced-motion: reduce) {
    [class*=hover-] {
      transition: none;
    }
  }