@import 'hid-data-variables';

.hid-link {
    border-bottom: 1px dashed transparent;
    color: $ui-01;
    font-family: 'Roboto', helvetica, sans-serif;
    font-size: 0.875rem;
    line-height: 1.35rem;
    margin-right: 0.5rem;
    padding-bottom: 1px;
    text-decoration: none;
    transition: border-color 0.3s;

    &:hover {
        color: darken($ui-01, 5%);
        background-size: 4px 20px;
        border-color: $color-cerulean;
        text-shadow: 2px 2px 2px #fff;
    }
   
}

a[aria-disabled='true'] {
    color: $ui-09;
    cursor: not-allowed;

    &:hover {
        color: $ui-09;
        border-color: transparent;
    }
}
a.hid-link:focus{
  
    color:$ui-14;
    border-bottom: 1px dashed $color-cerulean;
  }
a.hid-link:visited{
  color:$ui-02;
}