/* btn-1 — Figma solid pill
 * Desktop: 162×46, radius 500, Open Sans 700 14/17
 * Mobile:  256×35, radius 24, Open Sans 700 16/17
 */

.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: 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-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: 35px;
		line-height: 17px;
		max-width: 100%;
		width: auto;
	}
}