/**
 * Кнопка-ссылка для блока stomarus/button-href.
 * Используются существующие классы single-services-header-links-white, s_button
 * и новый s_button_black.
 */

/* Не наследовать подчёркивание от .normal-text a и глобальных правил ссылок */
a.stomarus-button-href,
a.stomarus-button-href:hover,
a.stomarus-button-href:active,
a.stomarus-button-href:focus {
	text-decoration: none !important;
	text-decoration-line: none !important;
	-webkit-text-decoration: none !important;
}

a.stomarus-button-href * {
	text-decoration: none !important;
}

a.s_button_black {
	font-family: 'Roboto', 'Arial', sans-serif;
	font-weight: 400;
	font-size: 16px;
	background: var(--color-accent);
	border: 1px solid var(--color-accent);
	color: #fff;
	padding: 10px 29px;
}

a.s_button_black:hover,
a.s_button_black:active,
a.s_button_black:focus {
	background: #000;
	border-color: #000;
	color: #fff;
}

a.s_button_white_to_black {
	font-family: 'Roboto', 'Arial', sans-serif;
	font-weight: 400;
	font-size: 16px;
	background-color: #fff;
	border: 1px solid #fff;
	color: var(--color-accent);
	padding: 9px 21px 8px 21px;
	margin: 20px 20px 20px 0;
}

a.s_button_white_to_black:hover,
a.s_button_white_to_black:active,
a.s_button_white_to_black:focus {
	background: #000;
	color: #fff;
	border: 1px solid #000;
}

/* «Белый -> черный»: чёрный текст и рамка 1px; hover как у .s_button_white_to_black */
a.s_button_white_black_outline {
	font-family: 'Roboto', 'Arial', sans-serif;
	font-weight: 400;
	font-size: 16px;
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
	padding: 9px 21px 8px 21px;
	margin: 20px 20px 20px 0;
}

a.s_button_white_black_outline:hover,
a.s_button_white_black_outline:active,
a.s_button_white_black_outline:focus {
	background: #000;
	color: #fff;
	border: 1px solid #000;
}