.unfold {
	box-sizing: border-box;
}

/* Tekst widoczny */
.unfold__visible {
	margin-bottom: 16px;
}

/* Tekst ukryty – animacja rozwijania */
.unfold__hidden {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	margin-bottom: 0;
	transition: max-height 0.4s ease, opacity 0.4s ease, margin-bottom 0.4s ease;
}

.unfold__hidden.is-open {
	max-height: 2000px; /* wystarczająco duża wartość dla każdej treści */
	opacity: 1;
	margin-bottom: 16px;
}

/* Przycisk */
.unfold__btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	background: none;
	border: none;
	padding: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: none;
}

.unfold__btn:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

/* Ikona strzałki */
.unfold__btn-icon {
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	transition: transform 0.3s ease;
}

.unfold__btn-icon svg {
	width: 1em;
	height: 1em;
}

.unfold__btn.is-open .unfold__btn-icon {
	transform: rotate(180deg);
}