.generate-with-ai {
  text-align: center;
  overflow: hidden;
  position: relative;
  max-width: 340px;
  background-color: #000000;
  border-radius: 8px;
  padding: 32px 30px;
  box-sizing: border-box;
}
.generate-with-ai * {
  box-sizing: border-box;
}
.generate-with-ai > .container {
  position: relative;
  z-index: 10;
}
.generate-with-ai::after {
  position: absolute;
  z-index: 9;
  content: "";
  left: 50%;
  height: 444px;
  width: 100%;
  bottom: 0;
  max-width: 100%;
  transform: translateX(-50%);
  background: linear-gradient(to bottom right, #5ccc81, #5ccc81, #7d81f1, #585df1, #3339f1, #585df1, #7d81f1, #5ccc81, #5ccc81);
  background-size: 200% 200%;
  animation: animateGlow 9s linear infinite;
  opacity: 0.3;
  filter: blur(97px);
}
.generate-with-ai .logo_holder {
  text-align: center;
  width: 80px;
  height: 22px;
  margin: 0 auto 16px auto;
}
.generate-with-ai .logo_holder img {
  width: 100%;
}
.generate-with-ai .banner_title {
  margin-bottom: 12px;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  color: #fff;
}
.generate-with-ai .banner_description {
  margin-bottom: 32px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
.generate-with-ai .footer_text {
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #fff;
}
.generate-with-ai .footer_text strong {
  font-weight: 700;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-thickness: 11%;
  text-underline-offset: 4px;
}
.generate-with-ai .text-container {
  margin: 0 auto;
  position: relative;
  z-index: 1;
  width: auto;
}
.generate-with-ai .website-generator .examples {
  display: none;
}
.generate-with-ai .website-generator .website-generator-content .inputs-container textarea {
  height: 80px !important;
}
.generate-with-ai .website-generator .website-generator-content .website-generator-button {
  background-color: #3339f1 !important;
  height: 46px !important;
  flex: 0 0 46px;
}
.generate-with-ai .website-generator .website-generator-content .website-generator-border {
  padding: 20px 20px 18px 20px;
  height: 184px;
  gap: unset;
}
.generate-with-ai .website-generator {
  margin: 0;
}
.generate-with-ai .website-generator-container {
  max-width: 100%;
}
.generate-with-ai .sub-title {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5) !important;
}
.generate-with-ai .buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.generate-with-ai.black {
  background-color: #000000;
}
.generate-with-ai.black * {
  color: #ffffff;
}
.generate-with-ai.black .sub-title {
  color: rgba(255, 255, 255, 0.5) !important;
}
.generate-with-ai.grey {
  background-color: #f5f5f6;
}
.generate-with-ai.left-align .text-container {
  text-align: left;
}