/* SIMPLE CAST */

.simple-cast{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;}

.char{width:150px;margin:15px;text-transform:uppercase;font-size:10px;}
.char img{width:100px;margin-bottom:10px;border-radius:100%;padding:10px;border:1px solid var(--borders);}
.char h4{font-size:15px;}
.char b{letter-spacing:2px;color:var(--darker);}
.char:hover img{opacity:0.5;}
.char span{display:block;font-size:9px;opacity:0.5;margin-top:5px;letter-spacing:2px;}

<lj-raw><article class="simple-cast">


	<a class="char" href="">
		<img src="ICON">
		<h4>NAME</h4>
		<b>SUBTITLE</b>
		<span>PB: PB Name</span>
	</a>


</article></lj-raw>