@import "../../styles/color";

.one-ui-link {
  &__root {
    margin-right: 1em;
    display: inline-block;
    color: color(dark,  0);
    font-family: 'Gordita', Arial, Helvetica, sans-serif;
    font-weight: normal;
    cursor: pointer;

    &:hover{
      color: black;
      & > p {
        text-shadow: 1px 0 color(dark, 2);
      }
    }

    p {
      margin: 3px;
      font-size: 12px;
      text-decoration: underline;
      transition: text-shadow .2s;
    }
  }
}