.caseline-signin-link {
  color: rgb(var(--color-ghost) / 0.8);
  font-family: Sora, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: none;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.caseline-signin-link:hover,
.caseline-signin-link:focus-visible {
  color: rgb(var(--color-plasma) / 1);
  opacity: 1;
  outline: none;
}

.caseline-mobile-signin {
  font-weight: 600;
}

:root.light .caseline-signin-link {
  color: rgba(13, 13, 18, 0.82);
}

:root.light .caseline-signin-link:hover,
:root.light .caseline-signin-link:focus-visible {
  color: rgb(var(--color-plasma) / 1);
}

.caseline-book-demo-copy-with-preview {
  margin-bottom: 1rem !important;
}

.caseline-demo-preview-link {
  margin: 0 0 3.5rem;
  color: rgb(var(--color-ghost) / 0.84);
  font-family: Sora, sans-serif;
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
}

.caseline-demo-preview-link a {
  color: rgb(var(--color-plasma) / 1);
  font-weight: 800;
  text-decoration: none;
}

.caseline-demo-preview-link a:hover,
.caseline-demo-preview-link a:focus-visible {
  opacity: 0.82;
  outline: none;
}

:root.light .caseline-demo-preview-link {
  color: rgba(13, 13, 18, 0.76);
}

@media (max-width: 767px) {
  .caseline-signin-link {
    font-size: 1rem;
  }

  .caseline-book-demo-copy-with-preview {
    margin-bottom: 0.85rem !important;
  }

  .caseline-demo-preview-link {
    margin-bottom: 2.25rem;
    font-size: 1rem;
  }
}