Turn this: Text Link Here

Into This: I'm A Button!

How it's done

1. Add the CSS below to your CSS Override.
2. Change the colors (underlined) to match your site.
3. Create a text link.
4. Bold and Italicize the link.
5. Save and Publish.

When you view the page, you will see the text link is now a button!

CSS

/*===== THEMELOGIC.COM EASY BUTTONS =====*/
.HtmlContent strong > em > a,
.HtmlContent em > strong > a {
  color: #ffffff;
  background-color: #ff0000;
  border: 1px solid #ff0000;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 20px;
  display: inline-block;
  font-style: initial;
  font-weight: 400;
}
.HtmlContent strong > em > a:hover,
.HtmlContent em > strong > a:hover {
  background-color: #3E1393;
  border-color: #3E1393;
  color: #ffffff;
}