.widget .tagcloud {
  margin-bottom: -5px;

  a {
    text-transform: uppercase;

    background: #ffffff;
    color: #888888;
    padding: 0 12px;
    margin-right: 1px;
    margin-bottom: 5px;
    display: inline-block;
    background: none;
    border: 1px solid $color__border;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    outline: none;
    font-weight: 700;
    line-height: 2.2;

    &:hover {
      color: $color__white;
      background: $color__blue;
      border-color:$color__blue;
      text-decoration: none;
    }

    .site-footer &{
      background-color: #666;
      border-color : #666;

      &:hover {
        color: $color__white;
        background: $color__blue;
        border-color:$color__blue;
        text-decoration: none;
      }
    }
  }
}