.details {
	padding: 1rem;
	display: grid;

	& .subtitle {
		margin: 2rem;
		text-align: center;
		font-size: 2rem;
		color: var(--gray);
	}

	& .heading {
		font-size: 1.5rem;
		font-weight: 400;
	}

	& .content > p {
		font-size: 1.25rem;
		font-weight: 300;
		padding-bottom: 1rem;
	}

	& .chapter {
		margin: 2rem 0;
		text-transform: uppercase;
	}

	& .poster {
		width: 50%;
		display: flex;
		justify-content: center;

		& > img { width: 50%; }
		&:has(p) { justify-content: start; }
	}

	& button {
		width: fit-content;
		& a {
			width: 18rem;
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 0.5rem;
			white-space: nowrap;

			& svg {
				max-height: 1rem;
			}
		}
	}
}