¡Post de rol Navideños!

/**** SIN NIEVE DE FONDO *******/
<div class="btn1-postfondo" style="padding:20px; background:#fafafa;"><div class="btn1-postrol"><div class="btn1-imgpor"><img src="https://media1.giphy.com/media/YTX82FecZo8yWAYvhZ/source.gif"/></div><div class="btn1-titulo"><b>Crapy new year</b><span>Centro comercial <i class="fas fa-chevron-right"></i> Noviembre <i class="fas fa-chevron-right"></i> w/Sam Smith.</span></div><div class="btn1-contenido">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tortor ex, hendrerit quis sagittis in, tempus ut dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam sagittis porttitor ante, vel dictum mi elementum pellentesque. Praesent ornare gravida erat quis sollicitudin. Nulla nec sapien in eros egestas scelerisque non vel tortor. Etiam ac arcu a tortor iaculis convallis id vel urna. Aliquam malesuada eros elit. Nunc quis consectetur massa. Maecenas imperdiet ut leo aliquet tincidunt. Etiam eget porta ligula. Sed sed arcu auctor, ultrices augue eu, ullamcorper neque. Donec id odio sit amet orci pharetra porttitor.<br/><br/>Suspendisse eget erat pulvinar, condimentum neque quis, porttitor purus. Nulla posuere mi sit amet neque fringilla posuere. Duis dapibus faucibus facilisis. Aenean sed euismod lectus. Integer condimentum pellentesque eros vitae luctus. Donec mollis lacus et nibh volutpat pretium. Etiam non augue sed diam efficitur tincidunt sed posuere orci. Nulla facilisi. Praesent ultrices scelerisque tincidunt.<br/><br/>Etiam at velit velit. Morbi fermentum nec augue sit amet euismod. Duis a interdum ex. Quisque fermentum eu libero eget auctor. Donec non nibh eget neque suscipit rhoncus eget ac erat. Integer in justo porttitor, congue metus nec, egestas nibh. Donec pretium faucibus scelerisque. Nunc mollis tincidunt laoreet. Donec non facilisis massa, et posuere massa. Vestibulum tempus, ex nec pharetra sollicitudin, elit dui pretium neque, et consectetur tortor sem non purus. Mauris dolor nulla, sodales et vulputate sit amet, dictum convallis purus. Duis posuere fermentum sapien semper dignissim. </div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>

<link href="https://fonts.googleapis.com/css2?family=Catamaran&family=Source+Serif+Pro:ital,wght@1,700&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>.btn1-postrol{width:380px; border:1px solid #ddd; background:#fff;} .btn1-postfondo{ margin:10px auto; width:380px; padding:30px;border:1px solid #ddd; background:#ad2d2d; } .btn1-imgpor img{width:380px;} .btn1-titulo{padding:10px 20px 0px; text-align:center; line-height:22px;} .btn1-titulo b{font-family: 'Source Serif Pro', serif; font-size:28px; font-weight:700; font-style:italic; color:#a83232; display:block;} .btn1-titulo span{font-family: 'Catamaran', sans-serif; font-size:11px; color:#888; }.btn1-titulo span i{font-size:8px; color:#888; padding:0px 5px;} .btn1-contenido{font-family: 'Catamaran', sans-serif; font-size:13px; line-height:18px; margin:30px 25px; text-align:justify; color:#555;}.cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>

/*********************** CON NIEVE DE FONDO ********************/
<div class="btn1-postfondo" style="background-image:url(https://www.animationsoftware7.com/img/agifs/snow01.gif);"><div class="btn1-postrol"><div class="btn1-imgpor"><img src="https://media1.giphy.com/media/YTX82FecZo8yWAYvhZ/source.gif"/></div><div class="btn1-titulo"><b>Crapy new year</b><span>Centro comercial <i class="fas fa-chevron-right"></i> Noviembre <i class="fas fa-chevron-right"></i> w/Sam Smith.</span></div><div class="btn1-contenido">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tortor ex, hendrerit quis sagittis in, tempus ut dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam sagittis porttitor ante, vel dictum mi elementum pellentesque. Praesent ornare gravida erat quis sollicitudin. Nulla nec sapien in eros egestas scelerisque non vel tortor. Etiam ac arcu a tortor iaculis convallis id vel urna. Aliquam malesuada eros elit. Nunc quis consectetur massa. Maecenas imperdiet ut leo aliquet tincidunt. Etiam eget porta ligula. Sed sed arcu auctor, ultrices augue eu, ullamcorper neque. Donec id odio sit amet orci pharetra porttitor.<br/><br/>Suspendisse eget erat pulvinar, condimentum neque quis, porttitor purus. Nulla posuere mi sit amet neque fringilla posuere. Duis dapibus faucibus facilisis. Aenean sed euismod lectus. Integer condimentum pellentesque eros vitae luctus. Donec mollis lacus et nibh volutpat pretium. Etiam non augue sed diam efficitur tincidunt sed posuere orci. Nulla facilisi. Praesent ultrices scelerisque tincidunt.<br/><br/>Etiam at velit velit. Morbi fermentum nec augue sit amet euismod. Duis a interdum ex. Quisque fermentum eu libero eget auctor. Donec non nibh eget neque suscipit rhoncus eget ac erat. Integer in justo porttitor, congue metus nec, egestas nibh. Donec pretium faucibus scelerisque. Nunc mollis tincidunt laoreet. Donec non facilisis massa, et posuere massa. Vestibulum tempus, ex nec pharetra sollicitudin, elit dui pretium neque, et consectetur tortor sem non purus. Mauris dolor nulla, sodales et vulputate sit amet, dictum convallis purus. Duis posuere fermentum sapien semper dignissim. </div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>

<link href="https://fonts.googleapis.com/css2?family=Catamaran&family=Source+Serif+Pro:ital,wght@1,700&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>.btn1-postrol{width:380px; border:1px solid #ddd; background:#fff;} .btn1-postfondo{ margin:10px auto; width:380px; padding:30px;border:1px solid #ddd; background:#ad2d2d; } .btn1-imgpor img{width:380px;} .btn1-titulo{padding:10px 20px 0px; text-align:center; line-height:22px;} .btn1-titulo b{font-family: 'Source Serif Pro', serif; font-size:28px; font-weight:700; font-style:italic; color:#a83232; display:block;} .btn1-titulo span{font-family: 'Catamaran', sans-serif; font-size:11px; color:#888; }.btn1-titulo span i{font-size:8px; color:#888; padding:0px 5px;} .btn1-contenido{font-family: 'Catamaran', sans-serif; font-size:13px; line-height:18px; margin:30px 25px; text-align:justify; color:#555;}.cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>

/******************** CON NIEVE DE FONDO, SIN LUCES *************/
<div class="btn1-postfondo" style="background-image:url(https://www.animationsoftware7.com/img/agifs/snow01.gif);"><div class="btn1-postrol" style="padding-top:45px;"><div class="btn1-titulo"><b>Crapy new year</b><span>Centro comercial <i class="fas fa-chevron-right"></i> Noviembre <i class="fas fa-chevron-right"></i> w/Sam Smith.</span></div><div class="btn1-contenido">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tortor ex, hendrerit quis sagittis in, tempus ut dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam sagittis porttitor ante, vel dictum mi elementum pellentesque. Praesent ornare gravida erat quis sollicitudin. Nulla nec sapien in eros egestas scelerisque non vel tortor. Etiam ac arcu a tortor iaculis convallis id vel urna. Aliquam malesuada eros elit. Nunc quis consectetur massa. Maecenas imperdiet ut leo aliquet tincidunt. Etiam eget porta ligula. Sed sed arcu auctor, ultrices augue eu, ullamcorper neque. Donec id odio sit amet orci pharetra porttitor.<br/><br/>Suspendisse eget erat pulvinar, condimentum neque quis, porttitor purus. Nulla posuere mi sit amet neque fringilla posuere. Duis dapibus faucibus facilisis. Aenean sed euismod lectus. Integer condimentum pellentesque eros vitae luctus. Donec mollis lacus et nibh volutpat pretium. Etiam non augue sed diam efficitur tincidunt sed posuere orci. Nulla facilisi. Praesent ultrices scelerisque tincidunt.<br/><br/>Etiam at velit velit. Morbi fermentum nec augue sit amet euismod. Duis a interdum ex. Quisque fermentum eu libero eget auctor. Donec non nibh eget neque suscipit rhoncus eget ac erat. Integer in justo porttitor, congue metus nec, egestas nibh. Donec pretium faucibus scelerisque. Nunc mollis tincidunt laoreet. Donec non facilisis massa, et posuere massa. Vestibulum tempus, ex nec pharetra sollicitudin, elit dui pretium neque, et consectetur tortor sem non purus. Mauris dolor nulla, sodales et vulputate sit amet, dictum convallis purus. Duis posuere fermentum sapien semper dignissim. </div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>

<link href="https://fonts.googleapis.com/css2?family=Catamaran&family=Source+Serif+Pro:ital,wght@1,700&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>.btn1-postrol{width:380px; border:1px solid #ddd; background:#fff;} .btn1-postfondo{ margin:10px auto; width:380px; padding:30px;border:1px solid #ddd; background:#ad2d2d; } .btn1-titulo{padding:10px 20px 0px; text-align:center; line-height:22px;} .btn1-titulo b{font-family: 'Source Serif Pro', serif; font-size:28px; font-weight:700; font-style:italic; color:#a83232; display:block;} .btn1-titulo span{font-family: 'Catamaran', sans-serif; font-size:11px; color:#888; } .btn1-titulo span i{font-size:8px; color:#888; padding:0px 5px;} .btn1-contenido{font-family: 'Catamaran', sans-serif; font-size:13px; line-height:18px; margin:30px 25px; text-align:justify; color:#555;}.cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>