/* #region - Insert block name in the next line */
/* #endregion */
/* #region - FLESH CSS CODE - DO NOT EDIT */
div.block-editor-block-list__block.wp-block-acf-flesh-floating-anchor {
  color: unset !important;
  background-color: unset !important;
}

/* #endregion */
/* #region - CUSTOM CSS CODE */
.flesh-floating-anchor {
  position: fixed;
  display: block;
  left: 50%;
  bottom: 15px;
  background-color: var(--wp--preset--color--flesh-primary);
  color: var(--wp--preset--color--flesh-light-grey);
  padding: 10px 18px;
  text-decoration: none;
  -webkit-animation: bounceIn 4s;
          animation: bounceIn 4s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  transform: translateX(-50%) translateY(0) scale(1);
  z-index: 2;
}
.flesh-floating-anchor.ispreview {
  bottom: 30px;
}
@media screen and (min-width: 780px) {
  .flesh-floating-anchor.ispreview {
    left: calc(50% - 140px);
  }
}

@-webkit-keyframes bounceIn {
  0% {
    transform: translateX(-50%) translateY(calc(100% + 30px)) scale(1);
  }
  80% {
    transform: translateX(-50%) translateY(calc(100% + 30px)) scale(1);
  }
  90% {
    transform: translateX(-50%) translateY(-50px) scale(1.2);
  }
  100% {
    transform: translateX(-50%) translateY(0) scale(1);
  }
}

@keyframes bounceIn {
  0% {
    transform: translateX(-50%) translateY(calc(100% + 30px)) scale(1);
  }
  80% {
    transform: translateX(-50%) translateY(calc(100% + 30px)) scale(1);
  }
  90% {
    transform: translateX(-50%) translateY(-50px) scale(1.2);
  }
  100% {
    transform: translateX(-50%) translateY(0) scale(1);
  }
}
/* #endregion */