footer {
  max-width: 80%;
  margin: 40px auto 20px;

  hr {
    border: 1px solid;
  }

  .site-info {
    text-align: center;
    margin: 20px 0;

    .site-title {
      &:after {
        content: ' \00d7 ';
        margin: 0 6px 0 4px;
      }
    }

    a {
      color: #000;
      border-bottom: 1px solid transparent;
      -webkit-transition: border 0.4s;
      -moz-transition: border 0.4s;
      transition: border 0.4s;

      &::before {
        content: none;
      }

      &:hover,
      &:focus {
        border-bottom: 1px solid #000;
      }
    }
  }
}