/* =========================================================
   Auto-detect blog CTA links
   Paragraph contains ONLY one <a>
   ========================================================= */

.main-blog-content .w-post-elm.post_content p:has(> a:only-child) > a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* Typography (from .us-btn-style_1) */
  font-style: normal;
  text-transform: none;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0em;

  /* Spacing */
  padding: 0.8em 1.6em;
  --btn-height: calc(1.2em + 2 * 0.8em);

  /* Shape */
  border-radius: 3em;
  border: none;

  /* Colors */
  color: var(--color-white, #FFFFFF);
  background: linear-gradient(
    to top right,
    var(--color-pumpkin, #f58138) 0%,
    var(--color-pumpkin, #f58138) 45%,
    var(--color-apricot, #fdd4b6) 100%
  );

  /* Behavior */
  text-decoration: none;
  transition:
    background 0.3s ease,
    transform 0.15s ease;
}

.main-blog-content .w-post-elm.post_content p:has(> a:only-child) > a:hover,
.main-blog-content .w-post-elm.post_content p:has(> a:only-child) > a:focus-visible {
  background: var(--color-eminence, #642875);
  color: var(--color-white, #FFFFFF);
  transform: translateY(-1px);
}