.movie-title {
	font: var(--headline1);
	margin: 0;
}

.movie-info {
	padding-block-end: 16px;
	padding-block-start: 16px;
}

.movie-info-content {
	align-items: center;
	color: var(--grey);
	display: flex;
	font: var(--body1-regular);
	justify-content: space-between;
}

.movie-percentage {
	font: var(--body1-bold);
	color: var(--green);
}

.movie-data {
	align-items: center;
	display: flex;
	gap: 8px;
}

.movie-clasification {
	background: var(--grey);
	border-radius: 2px;
	color: var(--white);
	font: var(--body1-bold);
	margin-inline-end: 16px;
	padding-inline-end: 4px;
	padding-inline-start: 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
}

.movie-quality {
	border-radius: 2px;
	border: 1px solid #4d4d4d;
	color: var(--white);
	padding-inline-end: 4px;
	padding-inline-start: 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
}