/* A gomb konténere (középre igazítás, opcionális) */
.donate-wrapper {
	text-align: center;
	/* Ha balra akarod, ezt töröld ki */
	margin: 10px 0;
}


/* --- 1. RÉSZ: A DIZÁJN (Ezt ritkán kell módosítani) --- */
.franko-btn {
	/* Kinézet, Színek, Effektek */
	background: linear-gradient(45deg, #ff416c, #ff4b2b);
	border: none;
	color: #fff !important;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 10px;
	/* Pirula alak minden mérethez */
	box-shadow: 0 4px 15px rgba(255, 75, 43, 0.4);
	transition: all 0.3s ease 0s;
	position: relative;
	overflow: hidden;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
}

/* Hover effektek és animációk (Dizájn része) */
.franko-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(255, 75, 43, 0.6);
	background: linear-gradient(45deg, #ff4b2b, #ff416c);
	color: #fff;
}

.franko-btn i {
	animation: heartbeat 1.5s infinite;
	margin-right: 8px;
	/* Ikon távolsága fix */
}

@keyframes heartbeat {
	0% {
		transform: scale(1);
	}

	14% {
		transform: scale(1.3);
	}

	28% {
		transform: scale(1);
	}

	42% {
		transform: scale(1.3);
	}

	70% {
		transform: scale(1);
	}
}

/* --- 2. RÉSZ: A MÉRETEK (Itt variálhatsz!) --- */

/* KICSI verzió (Ezt kérted most) */
.franko-size-small {
	padding: 8px 18px;
	/* Kisebb belső tér */
	font-size: 13px;
	/* Kisebb betű */
	letter-spacing: 0.5px;
}

/* NORMÁL verzió (Ha később kellene a nagyobb) */
.franko-size-normal {
	padding: 15px 35px;
	font-size: 18px;
	letter-spacing: 1px;
}