.single-curso-floating-cta {
  position: fixed;
  right: 32px;
  bottom: 32px;
  z-index: 20;
  border-radius: 8px;
  border: 1px solid var(--gray-200);
  background: rgba(247, 247, 247, 0.85);
  backdrop-filter: blur(5px);
  display: flex;
  max-width: 740px;
  transform: translateX(0%);
  color: var(--gray-500);
}

.single-curso-floating-cta .btn-whatsapp:not(:hover),
.single-curso-floating-cta .btn-outline:not(:hover) {
  background: transparent;
}

.single-curso-floating-cta__text {
  font-size: 13px;
  line-height: 24px;
}

.single-curso-floating-cta--desktop {
  width: 89%;
  padding: 15px 15px;
}

.single-curso-floating-cta--mobile {
  width: 87%;
  padding: 16px 24px;
  align-items: center;
  justify-content: center;
}

.single-curso-floating-cta--mobile .single-curso-floating-cta__content-expanded {
  gap: 16px;
  position: relative;
}

.single-curso-floating-cta--mobile .single-curso-floating-cta__content-reduced .btn-whatsapp {
  margin: 0 16px;
}

.single-curso-floating-cta__content-expanded .single-curso-floating-cta__text {
  width: 100%;
}

.single-curso-floating-cta__content-expanded .toggle_cta_expanded__container{
  display: flex;
  align-items: self-start;
}

.single-curso-floating-cta__content-reduced {
  display: flex;
  align-items: center;
}

.single-curso-floating-cta__content-expanded {
  display: none;
}

.single-curso-floating-cta.is-expanded .single-curso-floating-cta__content-reduced {
  display: none;
}

.single-curso-floating-cta.is-expanded .single-curso-floating-cta__content-expanded {
  display: grid;
  width: 100%;
}

@media screen and (max-width: 770px) {
  .single-curso-floating-cta__content-expanded .btn-icon span {
    display: inline;
    margin-right: 8px;
  }

  .single-curso-floating-cta__content-expanded .btn-icon {
    padding: 8px 24px;
  }

  .single-curso-floating-cta.single-curso-floating-cta--desktop {
    display: none;
  }
}

@media screen and (min-width: 770px) {
  .single-curso-floating-cta.single-curso-floating-cta--mobile {
    display: none;
  }
}

@media screen and (min-width: 770px) and (max-width: 1026px) {
  .single-curso-floating-cta__text {
    margin-bottom: 12px;
  }

  .single-curso-floating-cta .btn {
    width: 500px;
  }

  .single-curso-floating-cta--desktop .btn-primary {
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 1026px) {
  .single-curso-floating-cta--desktop {
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}

@media screen and (min-width: 1026px) {
  .single-curso-floating-cta__text {
    margin-right: 16px;
    width: auto;
  }

  .single-curso-floating-cta--desktop .btn-primary {
    margin-right: 16px;
  }
}