.link-wrapper {
    position: relative;
    display: inline-block;
    color: #777a0a;
    margin-top:30px;
  }

  .access-stretch-bar {
    position: absolute;
    bottom: 0;
    margin-bottom: 7px;
    left: 100%;
    width: 60px;
    border-bottom: 1px solid #777a0a;
    transition: width 0.3s ease;
  }

  .link-wrapper:hover .stretch-bar {
    width: 100px;
  }

  .access-bar-tip {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20px;
    margin-bottom: 4px;
    border-bottom: 1px solid #777a0a;
    transform: rotate(30deg);
  }

  @media screen and (max-width: 600px){
    .access-stretch-bar{
        width: 40px;
    }
    .access-bar-tip{
        width:15px;
        margin-bottom: 3px;
    }
}