Borderline Signature

<div class="bsig" style="background:url(https://via.placeholder.com/250x180);"><div class="bsig1"><a href="" title="Ficha"><i class="fas fa-id-card"></i></a><a href="" title="Relaciones"><i class="fas fa-heart"></i></a><span title="Borderline">B</span><a href="" title="Cronología"><i class="fas fa-clock"></i></a><a href="" title="Búsqueda"><i class="fas fa-search"></i></a></div></div><a href="https://tinyurl.com/ncredit1" class="ncredit">NC</a>
<link href="https://tinyurl.com/846aj" rel="stylesheet">

<style>.bsig{border:5px solid #fff;outline:1px solid #ccc;} .bsig1{background:linear-gradient(90deg, rgba(25,66,120,0.5), rgba(0,0,0,0));} .bsig a{color:#b62c2f;background:white;} .bsig span{color:white;background:#242d58;} .ncredit { width: 260px; text-align: right; margin: 0 auto; display: block; font-size: 10px; text-decoration: none; font: 8px verdana; } .ncredit:before { content: "©"; }</style>