/* One button style for the whole site, same as the home slider buttons (.sa-hbtn-primary in slider.css).
   Covers the old template buttons (.btn, .btn-primary, .btn-info), form submit buttons
   and the "Смотреть цены" button on service pages (.sa-btn). Loaded after template.css. */
html body .btn,
html body .sa-btn,
html body .sa-price-note a.sa-btn,
html body button[type="submit"]:not([class*="cms"]),
html body input[type="submit"]:not([class*="cms"]),
html body input[type="button"]:not([class*="cms"]) {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: auto;
	min-height: 0;
	padding: 13px 22px;
	border: 0;
	border-radius: 10px;
	background: #355a9f;
	box-shadow: none;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	vertical-align: middle;
	white-space: normal;
	overflow: visible;
	cursor: pointer;
	transition: background-color .15s, color .15s, box-shadow .15s;
	-webkit-appearance: none;
	appearance: none;
}
/* :not([class*="cms"]) keeps the django CMS toolbar buttons untouched */
/* old "corner fill" hover animation of the template */
html body .btn::before,
html body .btn::after { display: none; content: none; }

html body .btn:hover,
html body .btn:focus,
html body .btn.active,
html body .btn.selected,
html body .sa-btn:hover,
html body .sa-price-note a.sa-btn:hover,
html body button[type="submit"]:not([class*="cms"]):hover,
html body input[type="submit"]:not([class*="cms"]):hover,
html body input[type="button"]:not([class*="cms"]):hover {
	background: #2a4a86;
	color: #fff;
	outline: none;
}
html body .btn:focus-visible,
html body .sa-btn:focus-visible,
html body button[type="submit"]:not([class*="cms"]):focus-visible,
html body input[type="submit"]:not([class*="cms"]):focus-visible {
	box-shadow: 0 0 0 3px rgba(53, 90, 159, .35);
}
html body .btn[disabled],
html body .btn.disabled,
html body button[type="submit"]:not([class*="cms"])[disabled],
html body input[type="submit"]:not([class*="cms"])[disabled] {
	background: #9fb4dc;
	cursor: default;
}

/* Service link buttons (home "Список услуг", /services/): keep the old aligned grid width */
html body #services a.btn {
	width: 300px;
	max-width: 100%;
	padding: 13px 18px;
}
@media (max-width: 767px) {
	html body #services a.btn { width: 100%; margin-right: 0 !important; margin-bottom: 12px !important; }
}