/* ============================================================
   КНОПКИ LUXDRZWI — единый стиль по всему сайту.
   Все кнопки (.btn, .form-btn, .footer-btn, .btn-door-item и их
   локальные модификаторы) — жёлтая пилюля #F9FF85 с тёмным текстом.
   У больших кнопок справа тёмный кружок со стрелкой вправо.
   .btn-door-item — только фон и закругление (мало места для стрелки).
   Подключается последним на фронте и в редакторе.
   ============================================================ */

:root {
	--lux-gold: #F9FF85;
	--lux-dark: #111111;
}

/* ---------- база: жёлтая пилюля ---------- */
.btn,
.form-btn,
.footer-btn,
.btn-door-item {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 14px;
	background-color: var(--lux-gold) !important;
	color: var(--lux-dark) !important;
	border: 2px solid var(--lux-gold) !important;
	border-radius: 65px !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	cursor: pointer;
	overflow: hidden;
	transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
}

/* старые декоративные элементы кнопок — выключить */
.btn::before,
.btn span::before,
.btn span::after,
.btn::after,
.banner__btn span::before,
.form-btn::before,
.footer-btn::before,
.btn-door-item::before,
.btn-door-item::after {
	content: none !important;
	display: none !important;
}

/* ---------- состояние hover ---------- */
.btn:hover,
.form-btn:hover,
.footer-btn:hover,
.btn-door-item:hover {
	background-color: #f0f662 !important;
	color: var(--lux-dark) !important;
	transform: translateY(-2px);
	box-shadow: 0 10px 28px rgba(17, 17, 17, .16);
	text-decoration: none !important;
}

/* ---------- стрелка вправо (кружок с иконкой) ----------
   для всех, кроме .btn-door-item (там мало места) */
.btn::after,
.form-btn::after,
.footer-btn::after {
	content: "" !important;
	display: inline-flex !important;
	flex: none;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: var(--lux-dark);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M1.5 5h7M5 1.5 8.5 5 5 8.5' stroke='%23F9FF85' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px 12px;
	transition: transform .25s ease;
}

.btn:hover::after,
.form-btn:hover::after,
.footer-btn:hover::after {
	transform: translateX(3px);
}

/* ---------- размеры/отступы пилюли ---------- */
.btn {
	height: auto !important;
	padding: 12px 14px 12px 26px;
}

.banner__btn {
	max-width: none !important;
}

.form-btn {
	width: 100% !important;
	height: 56px !important;
	padding: 0 20px !important;
	gap: 12px;
}

.footer-btn {
	width: auto !important;
	min-width: 222px;
	height: 45px !important;
	padding: 0 10px !important;
	gap: 10px;
}

/* ---------- .btn-door-item: только фон и закругление ---------- */
.btn-door-item {
	height: 40px !important;
	padding: 0 16px !important;
	gap: 0;
	font-size: 14px;
}
.btn-door-item::after {
	content: none !important;
	display: none !important;
}

/* ---------- мелкие экраны ---------- */
@media (max-width: 767px) {
	.btn {
		padding: 10px 12px 10px 22px;
	}
	.btn::after,
	.form-btn::after,
	.footer-btn::after {
		width: 22px;
		height: 22px;
	}
}