.exercise-cards {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
	margin-top: 1rem;

	li {
		position: relative;
		flex: 1 1 250px;
		min-width: 250px;
		max-width: 350px;
		display: flex;
		flex-direction: column-reverse;
		border-radius: 0.5rem;

		img {
			width: 100%;
			height: 185px;
			object-fit: cover;
			border-top-left-radius: 0.5rem;
			border-top-right-radius: 0.5rem;
		}

		.exercise-card-content {
			padding: 1rem;
			border: 1px solid var(--secondary-color-30);
			border-top: none;
			border-bottom-left-radius: 0.5rem;
			border-bottom-right-radius: 0.5rem;

			h2 {
				font-size: 1.25rem;
				font-weight: 600;
				margin-bottom: 0.5rem;
			}

			p {
				font-size: 1rem;
				margin-bottom: 1rem;
				overflow: hidden;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				line-clamp: 2;
				-webkit-box-orient: vertical;
				text-overflow: ellipsis;
				color: var(--secondary-color);
			}

			a {
				text-decoration: underline;
				color: var(--primary-color);
			}
		}

		.exercise-card-overlay-link {
			position: absolute;
			inset: 0;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
		}
	}
}