hidden button; appear on hover

right aligned with hyperlink

by Jordan Dayton

HTML

<div class="divbutton">
<button type="button"><a href="http://community.canopytax.com" target="_blank">Filtered View</a></button>
</div>

CSS

.divbutton {
    height: 50px;
    background: #000;
}

button {
    display: none;
    float:right;
    position: relative;
    right: .5em;
    top: 50%;
    transform: translate(0,-50%);
}

.divbutton:hover button {
    display: block;
    cursor: pointer;
}

a:link {
  text-decoration:none;
}