rememberMEguys

Что нибудь такое

top: 50%;
transform: translateY(-50%);

pyatilistnik.org/remove-category-from-wordpress-links

Сам помучался с этой штукой, а решение по сути то элементарное.
input, button { -webkit-appearance: none;}
Прописываете этот стиль вашему элементу и будет счастье.

Согласно HTML5 помещать кнопку внутрь ссылки является синтаксически некорректным («невалидным»).

Кроме того, в IE ниже 9-й версии такая ссылка не реагирует на щелчок.

Чтобы сделать «ссылкой» кнопку, следует обернуть её простейшей GET-формой:

<form action="/some/example.htm">
    <button type="submit">Ссылка-кнопка</button>
</form>

Некоторые подробности — в моей заметке «Правильный способ сделать кнопку ссылкой».

<input id="checkbox" type="checkbox" name="checkbox" required />

<div class="clickme">
Нажми на меня!
</div>

$('.clickme').click(function(){
  if (!$(this).data('status')) {
    $(this).html('Молодец! А еще раз слабо?');
    $(this).data('status', true);
  }
  else {
    $(this).html('Ну ты гигант! А может еще раз?');
    $(this).data('status', false);
  }
});

https://jsfiddle.net/alekseynemiro/bu0zfgz4/

$(function(){

$('.some_link').on('click', function(e){
	$('html,body').stop().animate({ scrollTop: $('#some_point').offset().top }, 1000);
	e.preventDefault();
});

});

Очень рекомендую плагин CSS Hat
При выделении слоя - показывает большую часть его css свойств, в том числе и border-radius/

Вот смотри как прикольно ТЫК (это я выделил кнопку на макете).

UPD. У joxi проблемы с серваком, загружу скрин картинкой.