JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="btn-zak">Текст кнопки</a>

CSS

.btn-zak{
	width:240px;
	height:35px;
	border:1px solid gray;
	border-radius:5px;
	float:right;
	margin:50px 550px 0 0;
	background:linear-gradient(to top, #fff0f5, #ffc1c1);
	text-decoration:none;
    font-size:17px; 
	color:black;   
    /* Выравнивание текста по горизонтали */
    text-align: center;
    /* Межстрочный интервал высчитывается след. образом:
        (line-height - font-size) / 2
       Чтобы выровнять текст по вертикали, нужно line-height присвоить высоту кнопки:
        (35 - 17) / 2 = 9
       Т. е. сверху и снизу будет добавляться равное количество отступов
    */
    line-height: 35px;
}

.btn-zak:hover{
	opacity: 0.5;
}