/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blob-cta/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
/* Responsive Queries
========================================================= */
/* Media Breakpoints
========================================================= */
/* Between Breakpoints
========================================================= */
/* Color VARs
========================================================= */
/* Color VARs (values defined in theme.json)
========================================================= */
/* Fonts (fonts defined in theme.json)
========================================================= */
/* EM to PX
========================================================= */
/* REM to PX
========================================================= */
/* BG Image
========================================================= */
/* Padding - Global Rows
========================================================= */
/* Easing
======================================================== */
/* Global Transition ( property, duration, easing )
========================================================= */
/* Font Awesome 5 ( needs content specified )
========================================================= */
/* Clamp Dynamic Resize
========================================================= */
/* Additional Helper Mixins
========================================================= */
/* Button ( color, background, border )
========================================================= */
/* Box Shadow
========================================================= */
/* Caret Links
========================================================= */
/* Tag
========================================================= */
/* Headers and Presets
========================================================= */
@keyframes lines {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  50% {
    transform: translateY(-2px);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.vooks-block.blob-cta {
  position: relative;
}
.vooks-block.blob-cta .inner {
  border: 8px solid var(--wp--preset--color--gray-light);
  padding: 20px 100px 40px 100px;
  background-color: #fff;
  position: relative;
  z-index: 1;
  border-radius: 20px;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .vooks-block.blob-cta .inner {
    padding: 20px 30px 40px 30px;
  }
}
.vooks-block.blob-cta .blob-graphic-wrap {
  position: absolute;
  z-index: 0;
  bottom: calc(100% - 10px);
  left: 0;
  right: 0;
  width: 100%;
}
.vooks-block.blob-cta .blob-graphic-wrap .blob-graphic {
  transition: transform 200ms cubic-bezier(0.5, 1.6, 0.5, 1);
}
.vooks-block.blob-cta .blob-graphic-wrap .blob-graphic:hover, .vooks-block.blob-cta .blob-graphic-wrap .blob-graphic:focus {
  transform: translateY(20px);
}
.vooks-block.blob-cta .blob-graphic-wrap svg {
  display: block;
  margin: 0 auto;
}
.vooks-block.blob-cta .blob-lines {
  opacity: 0;
}
.vooks-block.blob-cta .blob-inview .blob-lines {
  animation: lines 1000ms ease-in-out 200ms 1 both;
}

/*# sourceMappingURL=style-index.css.map*/