button#un-button {
  cursor: pointer;
  position: fixed;
  opacity: 0.95;
  z-index: 9997;
  text-decoration: none;
  color: white;
  background: #4790E0;
  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 {
    right: 50px;
    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; }
    button#un-button.un-bottom.un-visible {
      bottom: -3px; }
      button#un-button.un-bottom.un-visible:hover {
        -webkit-transform: translate(-50%, -2px);
            -ms-transform: translate(-50%, -2px);
                transform: translate(-50%, -2px); }
  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); }