/**
 * Read more bar (section_read_more). Desktop only.
 */

.read-more {
	display: none;
}

@media (min-width: 768px) {
	.read-more {
		display: block;
	}

	.read-more__bar {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 95px;
		padding: 0 40px;
		border-radius: var(--radius-md);
		background: var(--color-pink);
		color: var(--color-white);
	}

	.read-more__mark {
		position: absolute;
		top: 50%;
		left: 0;
		height: 35px;
		width: auto;
		transform: translateY(-50%);
	}

	.read-more__body {
		display: inline-flex;
		align-items: center;
		gap: 14px;
	}

	.read-more__text {
		font-size: 25px;
		font-weight: var(--font-weight-bold);
		line-height: 1;
	}

	.read-more__arrow {
		display: block;
		width: 16px;
		height: 24px;
		transition: transform var(--transition-hover);
	}

	.read-more__bar:hover .read-more__arrow,
	.read-more__bar:focus-visible .read-more__arrow {
		transform: translateY(3px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.read-more__arrow {
		transition: none;
	}
}