/* Premium treatment for the compact homepage news archive. */








body.varcelona-home .varcelona-home-news-list__row {








	grid-template-columns: 112px minmax(0, 1fr) 34px;








	min-height: 62px;








	margin: 3px 12px;








	padding: 9px 12px;








	gap: 15px;








	border: 1px solid transparent;








	border-bottom-color: rgba(151, 175, 205, 0.14);








	border-radius: 7px;








	transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;








}

















body.varcelona-home .varcelona-home-news-list__row:hover,








body.varcelona-home .varcelona-home-news-list__row:focus-visible {








	padding-left: 12px;








	background: linear-gradient(90deg, rgba(223, 0, 73, 0.09), rgba(19, 64, 96, 0.16));








	border-color: rgba(223, 0, 73, 0.28);








	transform: translateX(3px);








}

















body.varcelona-home .varcelona-home-news-list__club {








	display: inline-flex;








	min-height: 26px;








	padding: 5px 9px;








	align-items: center;








	justify-content: center;








	border: 1px solid rgba(232, 0, 78, 0.34);








	border-radius: 999px;








	background: rgba(223, 0, 73, 0.11);








	color: #ff3d7d;








	font-size: 10px;








	font-weight: 900;








	line-height: 1;








	letter-spacing: 0.07em;








	text-align: center;








	white-space: nowrap;








}

















body.varcelona-home .varcelona-home-news-list__row.is-real .varcelona-home-news-list__club {








	border-color: rgba(244, 190, 32, 0.4);








	background: rgba(244, 190, 32, 0.11);








	color: #f4be20;








}

















body.varcelona-home .varcelona-home-news-list__headline {








	color: #f5f1e8;








	font-size: 16px;








	font-weight: 750;








	line-height: 1.32;








	letter-spacing: -0.01em;








}

















body.varcelona-home .varcelona-home-news-list__arrow {








	display: grid;








	width: 30px;








	height: 30px;








	place-items: center;








	border: 1px solid rgba(255, 255, 255, 0.17);








	border-radius: 50%;








	color: #df0049;








	font-family: Arial, sans-serif;








	font-size: 18px;








	font-weight: 700;








	line-height: 1;








	transition: color 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;








}

















body.varcelona-home .varcelona-home-news-list__row.is-real .varcelona-home-news-list__arrow {








	color: #f4be20;








}

















body.varcelona-home .varcelona-home-news-list__row:hover .varcelona-home-news-list__arrow,








body.varcelona-home .varcelona-home-news-list__row:focus-visible .varcelona-home-news-list__arrow {








	border-color: currentColor;








	background: rgba(255, 255, 255, 0.04);








}

















@media (max-width: 700px) {








	body.varcelona-home .varcelona-home-news-list__row {








		grid-template-columns: minmax(0, 1fr) 32px;








		min-height: 76px;








		margin: 4px 8px;








		padding: 10px;








		gap: 7px 10px;








	}

















	body.varcelona-home .varcelona-home-news-list__club {








		grid-column: 1;








		justify-self: start;








		min-height: 22px;








		padding: 4px 8px;








		font-size: 9px;








	}

















	body.varcelona-home .varcelona-home-news-list__headline {








		grid-column: 1;








		font-size: 15px;








		line-height: 1.3;








	}

















	body.varcelona-home .varcelona-home-news-list__arrow {








		grid-column: 2;








		grid-row: 1 / span 2;








		align-self: center;








	}








}