> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.unicornplatform.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to add a call to action button in a blog post (In blog CTA)

###### 1. Just copy following code and add it to the "raw html" block

![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/chromeqxf4ncljjn_1r54a8e.png)

###### 2. Don't forget to change href="#" link 

![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/chromeflgmfdepub_1mvh5k9.png)

```<div class="uni-cta">

  <h2>Your Title Here</h2>
  <a href="https://unicornplatform.com/" class="uni-button">Call to Action</a>
</div>

<style>
.uni-button {
   display: inline-block;
   font-weight: 400;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   user-select: none;
   border: 1px solid transparent;
   padding: .375rem .75rem;
   font-size: 1rem;
   line-height: 1.5;
   border-radius: .25rem;
   transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   color: #fff !important;
   background-color: #007bff;
   border-color: #007bff;
   text-decoration: none !important;
}

.uni-button:hover {
   background-color: #0069d9;
   border-color: #0062cc;
}

.uni-cta {
   white-space: normal;
   text-align: center;
   margin-bottom: 0.7em;
   margin-top: 0.7em;
}
</style>```