Button Annotation

button_annotation.html

<style type="text/css">.whitepaper-btn-wrapper {
      display: inline-block;
      text-align: center;
      margin: 0 auto;
      padding: 10px 20px;
      text-align: left;
      background-color: #61c661;
      border: 1.5px solid #4ebf4e;
      border-radius: 2px;
      box-shadow: 0 1.5px rgba(0,0,0,0.15);
    }
    .whitepaper-btn-wrapper:hover {
      background-color: #3da93d;
      border-color: #369636;
      -moz-transition: all .15s ease-in;
      -o-transition: all .15s ease-in;
      -webkit-transition: all .15s ease-in;
      transition: all .15s ease-in;
      cursor: pointer;
    }
  
    .whitepaper-btn-wrapper a {
      text-decoration: none;
      color: #fff;
      padding: 5px 0 5px 30px;
  
      background-image: url('https://cdn.vidyard.com/hubs/logos/2bcf5deb-a44b-443a-a9b7-7e1870ec1a61.png');
      background-position: 0 2px;
      background-repeat: no-repeat;
    }</style><div class="whitepaper-btn-wrapper"><a target="_blank" href="https://www.vidyard.com/resources/getting-started-video-strategy-budget-2/">Getting Started with Video: Strategy and Budget</a></div>