/* btn-4 — gradient rounded
 * Desktop: 162×46, radius 9, gradient #F74A00 → #FF8800, Open Sans 700 14/17
 * Mobile:  256×35, radius 7, same gradient, Open Sans 700 16/17
 */

.main-content__btn--btn-4 {
	align-items: center;
	background: var(
		--btn-bg,
		linear-gradient(
			var(--btn-gradient-angle, 180deg),
			var(--btn-gradient-from, #f74a00) 0%,
			var(--btn-gradient-to, #ff8800) 100%
		)
	);
	border: 0;
	border-radius: 9px;
	box-sizing: border-box;
	color: var(--btn-text, #ffffff);
	display: inline-flex;
	font-family: var(--site-font, Inter, sans-serif);
	font-size: 14px;
	font-weight: 700;
	height: 46px;
	justify-content: center;
	letter-spacing: 0;
	line-height: 17px;
	padding: 0 24px;
	text-decoration: none;
	text-transform: capitalize;
	transition: filter 0.2s ease, background 0.2s ease, color 0.2s ease;
	width: auto;
}

.main-content__btn--btn-4:hover {
	color: var(--btn-text-hover, var(--btn-text, #ffffff));
	filter: brightness(1.08);
	text-decoration: none;
}

.main-content__btn--btn-4.has-btn-hover-bg:hover {
	background: var(--btn-bg-hover);
	filter: none;
}

@media (max-width: 768px) {
	.main-content__btn--btn-4 {
		border-radius: 7px;
		font-size: 16px;
		height: 35px;
		line-height: 17px;
		max-width: 100%;
		width: auto;
	}
}