Кнопка с эффектом

[Severniy]

Посмотреть Демо

HTML

<a class="staffGame1" href="https://ipsguru.ru/" rel="">FAQ для новичка</a>

CSS

.staffGame1 {
    color: #FFFFFF;
    display: inline-table;
    height: 25px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    width: 160px;
    background: linear-gradient(to bottom, #209DCA, #292d32) repeat scroll 0 0 / 100% 200% rgba(0, 0, 0, 0);
    transition: all 0.5s linear 0s;
    border-bottom: 4px solid #bdbdbd;
    border-radius: 10px 10px 0px 0px;
}
.staffGame1:hover,.staffGame1:focus{
    background-position: 0 -102%;
}

Цвет текста при наведении будет зависит от настроек вашего форума.