/**
 * Ruby Fixes — кнопка перехода в Instagram под блоком на главной.
 */

.ruby-insta-cta {
	display: flex;
	justify-content: center;
	margin-top: 24px;
	padding: 0 15px;
}

.ruby-insta-cta__btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: var(--btn-height, 42px);
	padding-inline: 28px !important;
	border: 0;
	background:
		linear-gradient(var(--btn-accented-bgcolor, var(--wd-primary-color, #d99aa3)), var(--btn-accented-bgcolor, var(--wd-primary-color, #d99aa3))) padding-box,
		linear-gradient(
			135deg,
			#f09433 0%,
			#e6683c 22%,
			#dc2743 45%,
			#cc2366 68%,
			#bc1888 100%
		) border-box;
	border: 2px solid transparent !important;
	border-radius: var(--btn-accented-brd-radius, var(--wd-brd-radius, 35px)) !important;
	box-shadow: var(--btn-accented-box-shadow, none);
	color: var(--btn-accented-color, #fff) !important;
	font-weight: var(--btn-font-weight, 600);
	text-transform: var(--btn-transform, uppercase);
	transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

.ruby-insta-cta__btn:hover,
.ruby-insta-cta__btn:focus-visible {
	color: var(--btn-accented-color-hover, #fff) !important;
	filter: brightness(1.03);
	box-shadow: 0 8px 24px rgba(188, 24, 136, 0.22);
	transform: translateY(-1px);
}

.ruby-insta-cta__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.15em;
	height: 1.15em;
	font-size: 1.15em;
	line-height: 1;
}

.ruby-insta-cta__icon::before {
	content: "\f163";
	font-family: "woodmart-font";
	font-weight: 400;
}

.ruby-insta-cta__text {
	line-height: 1.2;
}

@media (max-width: 767px) {
	.ruby-insta-cta {
		margin-top: 20px;
	}

	.ruby-insta-cta__btn {
		width: min(100%, 320px);
		padding-inline: 20px !important;
	}
}