Heart of glass [paquete > Post de Rol]

/************************* POST EN OSCURO ****************************************/
<div class="b21bp-rol" style="background:#222; border-color:#555;"><div class="b21bp-rwp" style=" background:linear-gradient(50deg, #240c70,#9659c1, #6244b3);"><div class="b21bp-rwave"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#222" fill-opacity="1" d="M0,160L48,186.7C96,213,192,267,288,256C384,245,480,171,576,144C672,117,768,139,864,160C960,181,1056,203,1152,229.3C1248,256,1344,288,1392,304L1440,320L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg></div><img src="https://placehold.jp/100x100.png" style="background:#222"/></div><div class="b21bp-titu"><b style="color:#6244b3;">I <i style="color:#9659c1">knew</i> you<br/>were <i style="color:#9659c1">trouble</i></b><span>Francia <i class="fa fa-chevron-right" style="color:#240c70"></i> 12 de Abril, 10pm <i class="fa fa-chevron-right" style="color:#240c70"></i> Zendaya</span></div><div class="b21bp-text" style="color:#999;">TEXTO

</div><div class="b21bp-ext" style="border-top-color:#555; color:#ccc;"><i class="fa fa-chevron-right"></i><b style="color:#6244b3;">Resumen</b>: AQUI</div></div><a class="bettycred" style="margin-top:-5px;width:450px; border-color:transparent;background:transparent;color:#999;" href="https://bettyleg.tumblr.com/">bettyleg</a>

<link href="https://fonts.googleapis.com/css2?family=Hind&family=Montserrat:wght@900&display=swap" rel="stylesheet"/><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"/><style>.b21bp-rol{width:450px; border:1px solid #fafafa; margin:10px auto; border-radius:10px; overflow:hidden;font-family: 'Hind', sans-serif;}.b21bp-rwave{width:450px; } .b21bp-rwp{height:150px; display:flex; align-items:flex-end; justify-content:center;position:relative;} .b21bp-rwp > img{width:100px; height:100px; border-radius:120px; background:#fff; position:absolute; display:block; padding:15px;}.b21bp-titu{margin:35px 30px; text-align:center; line-height:25px;} .b21bp-titu > b{display:block; font-family: 'Montserrat', sans-serif; font-weight:900; font-size:26px; text-transform:uppercase; margin-bottom:5px;} .b21bp-titu > span{font-size:12px; color:#999;} .b21bp-titu > span i{font-size:10px; padding:3px 8px 0px; color:#ddd;} .b21bp-text{width:360px; margin:0 auto 30px; color:#666; text-align:justify; line-height:18px; font-size:13px; font-weight:400;}.b21bp-ext{width:320px; margin:20px auto 20px; border-top:1px solid #ddd; padding:15px 20px; font-size:12px; color:#555; line-height:15px;} .b21bp-ext > i{color:#ccc; padding-right:8px;} .b21bp-ext > b{text-transform:uppercase; letter-spacing:1px;}.bettycred{display:block; margin:-20px auto 0px; border:1px solid #ddd; width:100px; padding:5px 0px; font-size:8px;text-transform:uppercase; text-align:center; letter-spacing:2px;background:#fff; color:#999; text-decoration:none;}</style>

/********************* POST DE ROL CLARO ********************************************/
<div class="b21bp-rol" style="background:#fdfdfd; border-color:#ddd;"><div class="b21bp-rwp" style=" background:linear-gradient(50deg, #d4f7be, #ede5aa, #dcc29c);"><div class="b21bp-rwave"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#fdfdfd" fill-opacity="1" d="M0,160L48,186.7C96,213,192,267,288,256C384,245,480,171,576,144C672,117,768,139,864,160C960,181,1056,203,1152,229.3C1248,256,1344,288,1392,304L1440,320L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg></div><img src="https://placehold.jp/100x100.png" style="background:#fdfdfd"/></div><div class="b21bp-titu"><b style="color:#dcc29c;-webkit-text-stroke-color:#33333380;">I <i style="color:#ede5aa">knew</i> you<br/>were <i style="color:#ede5aa">trouble</i></b><span>Francia <i class="fa fa-chevron-right" style="color:#d4f7be"></i> 12 de Abril, 10pm <i class="fa fa-chevron-right" style="color:#d4f7be"></i> Zendaya</span></div><div class="b21bp-text">Texto

</div><div class="b21bp-ext"><i class="fa fa-chevron-right"></i><b style="color:#dcc29c;">Resumen</b>:Aqui.</div></div><a class="bettycred" style="margin-top:-5px;width:450px;" href="https://bettyleg.tumblr.com/">bettyleg</a>

<link href="https://fonts.googleapis.com/css2?family=Hind&family=Montserrat:wght@900&display=swap" rel="stylesheet"/><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"/><style>.b21bp-rol{width:450px; border:1px solid #fafafa; margin:10px auto; border-radius:10px; overflow:hidden;font-family: 'Hind', sans-serif;}.b21bp-rwave{width:450px; } .b21bp-rwp{height:150px; display:flex; align-items:flex-end; justify-content:center;position:relative;} .b21bp-rwp > img{width:100px; height:100px; border-radius:120px; background:#fff; position:absolute; display:block; padding:15px;}.b21bp-titu{margin:35px 30px; text-align:center; line-height:25px;} .b21bp-titu > b{display:block; font-family: 'Montserrat', sans-serif; font-weight:900; font-size:26px; text-transform:uppercase; margin-bottom:5px;} .b21bp-titu > span{font-size:12px; color:#999;} .b21bp-titu > span i{font-size:10px; padding:3px 8px 0px; color:#ddd;} .b21bp-text{width:360px; margin:0 auto 30px; color:#666; text-align:justify; line-height:18px; font-size:13px; font-weight:400;}.b21bp-ext{width:320px; margin:20px auto 20px; border-top:1px solid #ddd; padding:15px 20px; font-size:12px; color:#555; line-height:15px;} .b21bp-ext > i{color:#ccc; padding-right:8px;} .b21bp-ext > b{text-transform:uppercase; letter-spacing:1px;}.bettycred{display:block; margin:-20px auto 0px; border:1px solid #ddd; width:100px; padding:5px 0px; font-size:8px;text-transform:uppercase; text-align:center; letter-spacing:2px;background:#fff; color:#999; text-decoration:none;}</style>