.komode-readmore .komode-readmore__content {
	position: relative;
}

.komode-readmore.is-collapsed .komode-readmore__content {
	max-height: var(--komode-readmore-collapsed, 240px);
	overflow: hidden;
}

.komode-readmore.is-collapsed .komode-readmore__content::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 90px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--komode-readmore-fade-bg, #ffffff) 85%);
	pointer-events: none;
}

.komode-readmore .komode-readmore__toggle {
	margin-top: 1rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.55rem 0.9rem;
	border-radius: 999px;
	border: 1px solid rgba(15, 23, 42, 0.16);
	background: #ffffff;
	color: #111827;
	font-weight: 700;
	font-size: 0.95rem;
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.komode-readmore .komode-readmore__toggle:hover {
	border-color: rgba(249, 115, 22, 0.55);
	box-shadow: 0 10px 20px rgba(249, 115, 22, 0.14);
	transform: translateY(-1px);
}

.komode-readmore .komode-readmore__toggle:focus-visible {
	outline: 3px solid rgba(249, 115, 22, 0.35);
	outline-offset: 3px;
}