.education-book-icon-wrapper {
  width: 100%;
  height: 100%;
  display: block;
}

.education-book-icon-component {
  width: 100%;
  height: 100%;
  display: block;
}

.education-book-icon-component svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.education-book-icon-page-line {
  opacity: 0.72;
  transition: opacity 0.35s ease, filter 0.35s ease;
}

.education-book-icon-float-group {
  transform-box: fill-box;
  transform-origin: center;
  transition-property: transform;
  transition-duration: 900ms;
  transition-timing-function: linear;
}

.education-book-icon-float-line {
  opacity: 0;
  stroke: rgba(232, 240, 255, 0.95);
  filter: drop-shadow(0 0 0.32rem rgba(100, 180, 255, 0.26));
  transform-box: fill-box;
  transform-origin: center;
  transition:
    opacity 0.35s ease,
    filter 0.35s ease;
}

.education-book-icon-component.education-book-icon-active .education-book-icon-page-line {
  opacity: 0.15;
  filter: blur(0.2px);
}

.education-book-icon-component.education-book-icon-active .education-book-icon-float-line {
  opacity: 0.98;
  animation: education-book-icon-levitate 1900ms ease-in-out infinite;
}

@keyframes education-book-icon-levitate {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-1.3px);
  }
}