Добавить кнопку в пункт меню с CSS

Question

У меня есть меню, и я хочу, чтобы последний пункт меню был красной кнопкой. Я хочу, чтобы это выглядело как этот (и, если это возможно без просветов сверху между меню и синей линией)

, но, как это: Моя проблема заключается в том, что, когда я меняю верхний отступ/маржу я могу не выровняйте текст этого элемента с остальными элементами меню. Это код, я использую:

.fusion-main-menu .fusion-last-menu-item a{ 
    background:#FE6C59; 
    color: #FFFFFF; 
    text-align:center; 
    display: block; 
    margin-bottom: 10px; 
    padding-right:5px; 
    padding-left:5px; 
    vertical-align: middle; 
    height:60px; 
    } 

Я продолжаю экспериментировать с полями, отступов и высоты, но не может получить его в форму, я хочу его. Не могли бы вы помочь мне? На сайте есть: tfs-sl.com

Answer 1

Внутри ссылки находится элемент span. Положите свой стиль на этот:

.fusion-main-menu .fusion-last-menu-item a span { 
    background:#FE6C59; 
    color: #FFFFFF; 
    padding:4px; 
    }