MyBB Community Forums

I simply want to change my URL's CSS, as an example.

My current css :

a:link {
 transition: all 0.25s ease !important;
 -webkit-transition: all 0.25s ease !important;
 -moz-transition: all 0.25s ease !important;
 color: #3c699c;
 text-decoration: none;
}

a:visited {
 color: #0072bc;
 text-decoration: none;
}

a:hover,
a:active {
 color: #00aced;
}

And I wish to change it to :

.link {
  overflow: hidden;
  padding: 0 4px;
  height: 1em;
  
  a {
    span {
      &:before {
        position: absolute;
        top: 100%;
        content: attr(data-hover);
        font-weight: 700;
        transform: translate3d(0,0,0);
      }
    }
  }
  
  span {
    position: relative;
    display: inline-block;
    transition: transform 0.3s;
  }
  
  &:hover span,
  &:active span {
    transform: translateY(-100%);
  }
}

I replaced my current code with this one, but it didn't worked.

Edit : I forgot to mention that I changed the classes names to the one my forum uses.