button#un-button {
  position: fixed;
  opacity: 0.95;
  z-index: 9997;
  text-decoration: none;
  color: white;
  background: #404040;
  padding: 14px 14px 12px 14px;
  line-height: 14px;
  float: none;
  text-shadow: none;
    
  outline: none !important;
  border: none;
  font-weight: 200;
  font-size: 13px;
  text-transform: none;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all 0.3s;
          transition: all 0.3s; }
button#un-button i {
margin-right: 0.25em;
background: none !important;
margin-left: -0.35em !important; }
button#un-button:hover {
outline: none !important; }
button#un-button.un-left {
left: -46px;
top: 50%;
-webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
        transform-origin: 0 0;
-webkit-transform: rotate(-90deg) translate(50%, 0);
    -ms-transform: rotate(-90deg) translate(50%, 0);
        transform: rotate(-90deg) translate(50%, 0);
-webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
border-radius: 0 0 3px 3px; }
button#un-button.un-left.un-visible {
  left: -4px; }
  button#un-button.un-left.un-visible:hover {
    -webkit-transform: rotate(-90deg) translate(50%, 2px);
        -ms-transform: rotate(-90deg) translate(50%, 2px);
            transform: rotate(-90deg) translate(50%, 2px); }
button#un-button.un-right {
right: -2px;
top: 50%;
padding: 12px 15px 16px 15px;
-webkit-transform-origin: right top;
    -ms-transform-origin: right top;
        transform-origin: right top;
-webkit-transform: rotate(-90deg) translate(50%, 0);
    -ms-transform: rotate(-90deg) translate(50%, 0);
        transform: rotate(-90deg) translate(50%, 0);
border-radius: 3px 3px 0 0;
-webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s; }
button#un-button.un-right.un-visible {
  right: 38px; }
  button#un-button.un-right.un-visible:hover {
    -webkit-transform: rotate(-90deg) translate(50%, -2px);
        -ms-transform: rotate(-90deg) translate(50%, -2px);
            transform: rotate(-90deg) translate(50%, -2px); }
button#un-button.un-bottom {
left: -39px;
bottom: -46px;
padding: 11px 15px 14px 15px;
-webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
border-radius: 3px 3px 0 0;
-webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
    transform: rotate(90deg);
}
button#un-button.un-bottom.un-visible {
  bottom: 56%; 
}
  button#un-button.un-bottom.un-visible:hover {
            transform: translate(90deg); }
button#un-button.un-top {
left: 50%;
top: -46px;
padding: 14px 15px 12px 15px;
-webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
border-radius: 0 0 3px 3px;
-webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s; }
button#un-button.un-top.un-visible {
  top: -3px; }
  button#un-button.un-top.un-visible:hover {
    -webkit-transform: translate(-50%, 2px);
        -ms-transform: translate(-50%, 2px);
            transform: translate(-50%, 2px); }