/* btn-1 — Figma solid pill (size from padding + label) */

.main-content__btn--btn-1 {
	align-items: center;
	background: var(--btn-bg, #f74a00);
	border: 0;
	border-radius: 500px;
	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: auto;
	justify-content: center;
	letter-spacing: 0;
	line-height: 18px;
	min-height: 0;
	min-width: 0;
	padding: 18px 62px 18px 63px;
	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-1:hover {
	color: var(--btn-text-hover, var(--btn-text, #ffffff));
	filter: brightness(1.08);
	text-decoration: none;
}

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

@media (max-width: 768px) {
	.main-content__btn--btn-1 {
		border-radius: 24px;
		font-size: 16px;
		height: auto;
		line-height: 18px;
		max-width: 100%;
		width: auto;
	}
}