/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/block-library/hero-cover-cta/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.gradient-bg {
  background-image: radial-gradient(41% 44% at 68% 0%, #000000 0%, rgba(0, 0, 0, 0.86) 14.29%, rgba(0, 0, 0, 0.71) 28.57%, rgba(0, 0, 0, 0.57) 42.86%, rgba(0, 0, 0, 0.43) 57.14%, rgba(0, 0, 0, 0.29) 71.43%, rgba(0, 0, 0, 0) 100%), radial-gradient(45.5% 66% at 50% 50%, #5218c1 0%, rgba(77, 22, 179, 0.92) 8.33%, rgba(71, 20, 165, 0.83) 16.67%, rgba(66, 18, 151, 0.75) 25%, rgba(60, 15, 138, 0.67) 33.33%, rgba(55, 13, 125, 0.58) 41.67%, rgba(49, 11, 112, 0.5) 50%, rgba(44, 9, 100, 0.42) 58.33%, rgba(38, 7, 88, 0.33) 66.67%, rgba(33, 5, 76, 0.25) 75%, rgba(27, 4, 64, 0.17) 83.33%, rgba(9, 1, 29, 0) 100%), radial-gradient(100% 100% at 3% 39%, #010009 25%, rgba(1, 0, 9, 0.86) 33.86%, rgba(1, 0, 9, 0.71) 42.71%, rgba(1, 0, 9, 0.57) 51.57%, rgba(1, 0, 9, 0.43) 60.43%, rgba(1, 0, 9, 0.29) 69.29%, rgba(1, 0, 9, 0) 87%), linear-gradient(180deg, #5218c1 26%, #6c17b7 32.57%, #7d17b1 39.14%, #8c16ad 45.71%, #9916aa 52.29%, #a616a8 58.86%, #be16a4 72%, #c8169d 75.14%, #d21795 78.29%, #dc178b 81.43%, #e6177d 84.57%, #f01768 87.71%, #f14417 94%), radial-gradient(25% 25% at 50% 50%, #010008 23%, rgba(42, 0, 64, 0.86) 34%, rgba(72, 0, 81, 0.71) 45%, rgba(104, 0, 95, 0.57) 56%, rgba(138, 0, 106, 0.43) 67%, rgba(174, 0, 110, 0.29) 78%, rgba(255, 0, 0, 0) 100%);
  background-size: 150% 200%;
  animation: gradient 20s ease infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 20%;
  }
  25% {
    background-position: 20% 50%;
  }
  50% {
    background-position: 100% 100%;
  }
  75% {
    background-position: 80% 20%;
  }
  100% {
    background-position: 0% 20%;
  }
}
.has-trubody-purple-lighter-color {
  color: #9520ff;
}

.has-trubody-purple-lighter-background-color {
  background-color: #9520ff;
}

.has-trubody-purple-color {
  color: #6100B9;
}

.has-trubody-purple-background-color {
  background-color: #6100B9;
}

.has-trubody-purple-darker-color {
  color: #2c0053;
}

.has-trubody-purple-darker-background-color {
  background-color: #2c0053;
}

.has-trubody-dark-purple-color {
  color: #100145;
}

.has-trubody-dark-purple-background-color {
  background-color: #100145;
}

.has-trubody-pink-color {
  color: #FF00EB;
}

.has-trubody-pink-background-color {
  background-color: #FF00EB;
}

.has-trubody-accent-color {
  color: #FF6621;
}

.has-trubody-accent-background-color {
  background-color: #FF6621;
}

.has-trubody-white-color {
  color: #ffffff;
}

.has-trubody-white-background-color {
  background-color: #ffffff;
}

.has-trubody-light-gray-color {
  color: #F4F4F4;
}

.has-trubody-light-gray-background-color {
  background-color: #F4F4F4;
}

.has-trubody-gray-color {
  color: #79797C;
}

.has-trubody-gray-background-color {
  background-color: #79797C;
}

.has-trubody-black-color {
  color: #000000;
}

.has-trubody-black-background-color {
  background-color: #000000;
}

.wp-block-create-block-hero-cover-cta {
  position: relative;
  margin-bottom: 2em;
}
@media (max-width: 768px) {
  .wp-block-create-block-hero-cover-cta .hero-cover-cta {
    margin: 0 !important;
  }
}
.wp-block-create-block-hero-cover-cta .wp-block-cover__background {
  background: linear-gradient(330deg, rgba(0, 0, 0, 0.5) 4%, rgba(0, 0, 0, 0) 60%);
  opacity: 1;
  z-index: 1;
}
@media (max-width: 768px) {
  .wp-block-create-block-hero-cover-cta .wp-block-cover__background {
    background: none;
  }
}
.wp-block-create-block-hero-cover-cta .wp-block-cover__inner-container {
  mix-blend-mode: exclusion;
}
.wp-block-create-block-hero-cover-cta .wp-block-cover {
  height: 85vh;
  max-height: 800px;
  min-height: 600px;
  overflow: hidden;
  border-radius: 0 0 0 40px;
}
@media only screen and (max-width: 768px) {
  .wp-block-create-block-hero-cover-cta .wp-block-cover {
    height: auto;
    min-height: 320px;
    border-radius: 0;
  }
}
.wp-block-create-block-hero-cover-cta .wp-block-cover img {
  width: 100%;
}
.wp-block-create-block-hero-cover-cta .hero-text-cta {
  position: absolute;
  right: -65px;
  bottom: 150px;
  max-width: 700px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .wp-block-create-block-hero-cover-cta .hero-text-cta {
    position: relative;
    bottom: 55px;
    right: 0;
    max-width: 100%;
  }
}
.wp-block-create-block-hero-cover-cta .hero-text-cta p {
  font-size: 16px;
}
.wp-block-create-block-hero-cover-cta .wp-block-cover__inner-container p {
  position: absolute;
  bottom: 0;
  color: #79797C;
  font-size: 10px !important;
  left: 35px;
}
@media only screen and (max-width: 768px) {
  .wp-block-create-block-hero-cover-cta .wp-block-cover__inner-container p {
    font-size: 10px;
    left: 34px;
    bottom: 412px;
  }
}
.wp-block-create-block-hero-cover-cta.is-style-right-align .hero-text-cta {
  position: absolute;
  right: -65px;
  bottom: 150px;
  max-width: 700px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .wp-block-create-block-hero-cover-cta.is-style-right-align .hero-text-cta {
    position: relative;
    bottom: 55px;
    right: 0;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .wp-block-create-block-hero-cover-cta.is-style-right-align .hero-text-cta h1 {
    padding-top: 10px;
  }
}
.wp-block-create-block-hero-cover-cta.is-style-right-align .hero-text-cta p {
  font-size: 16px;
}
@media (max-width: 768px) {
  .wp-block-create-block-hero-cover-cta.is-style-right-align .hero-text-cta p {
    padding-bottom: 10px;
  }
}
.wp-block-create-block-hero-cover-cta.is-style-right-align .wp-block-cover__background {
  background: linear-gradient(330deg, rgba(0, 0, 0, 0.5) 4%, rgba(0, 0, 0, 0) 60%);
  opacity: 1;
  z-index: 1;
}
@media (max-width: 768px) {
  .wp-block-create-block-hero-cover-cta.is-style-right-align .wp-block-cover__background {
    background: none;
  }
}
.wp-block-create-block-hero-cover-cta.is-style-right-align .wp-block-cover__inner-container p {
  position: absolute;
  bottom: 0;
  color: #79797C;
  font-size: 10px !important;
  left: 35px;
}
@media only screen and (max-width: 768px) {
  .wp-block-create-block-hero-cover-cta.is-style-right-align .wp-block-cover__inner-container p {
    font-size: 10px;
    left: 34px;
    bottom: 60px;
  }
}
.wp-block-create-block-hero-cover-cta.is-style-right-align .wp-block-cover {
  border-radius: 0 0 0 40px;
}
.wp-block-create-block-hero-cover-cta.is-style-left-align .hero-text-cta {
  position: absolute;
  bottom: 150px;
  max-width: 700px;
  left: -16px;
  border-radius: 0 0 40px 0;
  padding-left: 8em;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .wp-block-create-block-hero-cover-cta.is-style-left-align .hero-text-cta {
    position: relative;
    bottom: 55px;
    left: 0;
    max-width: 100%;
    padding-left: 0;
  }
}
.wp-block-create-block-hero-cover-cta.is-style-left-align .wp-block-cover__inner-container p {
  position: absolute;
  bottom: 0;
  color: #79797C;
  font-size: 10px !important;
  left: 35px;
}
@media only screen and (max-width: 768px) {
  .wp-block-create-block-hero-cover-cta.is-style-left-align .wp-block-cover__inner-container p {
    font-size: 10px;
    left: 34px;
    bottom: 412px;
  }
}
.wp-block-create-block-hero-cover-cta.is-style-left-align .wp-block-cover__background {
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 4%, rgba(0, 0, 0, 0) 60%);
  opacity: 1;
  z-index: 1;
}
@media (max-width: 768px) {
  .wp-block-create-block-hero-cover-cta.is-style-left-align .wp-block-cover__background {
    background: none;
  }
}
.wp-block-create-block-hero-cover-cta.is-style-left-align .wp-block-cover {
  border-radius: 0 0 40px 0;
}

/*# sourceMappingURL=style-hero-cover-cta.css.map*/