/* ==========================================================
   klitly-Buttons [klitly_button] / [klitly_button_row]
   Umgezogen aus klitly-preisbox.css – unverändert.
   ========================================================== */

/* ===== Allgemeiner Button ===== */

.klitly-btn {
	background-color: #CD1531;
	color: #ffffff !important;
	padding: 8px 16px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	transition: opacity 0.2s ease, box-shadow 0.2s ease;
}

.klitly-btn-icon,
.klitly-btn-arrow {
	display: inline-block;
	transition: transform 0.2s ease;
}

.klitly-btn:hover {
	background-color: #CD1531;
	opacity: .94;
	box-shadow: 0 3px 8px rgba(0,0,0,0.15);
}

.klitly-btn:hover .klitly-btn-arrow {
	transform: translateX(2px);
}


/* ===== Button Row ===== */

.klitly-btn-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 16px 0;
}

.klitly-btn-row-left {
	justify-content: flex-start;
}

.klitly-btn-row-center {
	justify-content: center;
}

.klitly-btn-row-right {
	justify-content: flex-end;
}

@media (max-width: 600px) {
	.klitly-btn-row {
		flex-direction: row;
		justify-content: center;
	}
}