Skip to content

Instantly share code, notes, and snippets.

@jramsahai
Created March 23, 2017 16:10
Show Gist options
  • Save jramsahai/dc0b30ffca58f5aebc5ad493c0d93fe7 to your computer and use it in GitHub Desktop.
Save jramsahai/dc0b30ffca58f5aebc5ad493c0d93fe7 to your computer and use it in GitHub Desktop.
Button Annotation
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment