<div class="w-container">
  <div class="c-rte w-richtext">
    <h2>Example Rich Text element</h2>
    <p>This code uses jQuery. Wrap the JS in a script block
and place in the Webflow page / template settings -> before body close.  Make sure you update the class selectors if you use something different.</p>
    <p><a href="/listing/accusantium-quis-facere-magnam">Internal Link in Empty Paragraph</a></p>
    <h4>Static and dynamic content editing</h4>
    <p>A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text <a href="/listing/accusantium-quis-facere-magnam"> Internal Fake Link </a> field
      to any collection and then connect a rich text element to that field in the settings panel. Voila!</p>
    <h4>How to customize formatting for each rich text</h4>
    <p>Headings, paragraphs, blockquotes, figures, images, and figure captions <a href="https://www.duckduckgo.com"> External Link </a> can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.</p>
  </div>
</div>
/* Webflow default breakpoints */

@media screen and (max-width: 991px) {
/* Your responsive CSS */
}
@media screen and (max-width: 767px) {
/* Your responsive CSS */
}
@media screen and (max-width: 479px) {
/* Your responsive CSS */
}

/* style your button class in the designer */
.c-rte-button{
  font-weight: 400;
  color: #fff;
  text-decoration: none;  
  border-color: #007bff;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #007bff;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.c-rte-button:hover{
  background-color: #4998ed;
}
View Compiled
$(".c-rte p").each(function() {
  var ptext = $(this)
    .clone()
    .children()
    .remove()
    .end()
    .text();

  if (ptext === "") {
    $(this)
      .find('a[href^="/"]')
      .addClass("c-rte-button");
  }
});

External CSS

  1. https://s3-us-west-2.amazonaws.com/s.cdpn.io/100903/webflow.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js
  2. https://s3-us-west-2.amazonaws.com/s.cdpn.io/100903/webflow.js