En la Cima (baúl)

<div class="MM045" style="color: #3a9399;"><strong><b>En la Cima</b><i>baúl de Nombre Apellido</i></strong>

<div class="MM045-f">
<div class="MM045-img" style="background-image: url(https://i.postimg.cc/FKJMFVT9/03.png);"></div>
<div class="MM045-l">
<a href="URL"><span class="th th-folder-1"></span><b>Expediente</b></a>
<a href="URL"><span class="th th-loupe"></span><b>Búsqueda</b></a>
<a href="URL"><span class="th th-calendar-1"></span><b>Cronología</b></a>
<a href="URL"><span class="th th-bookmark-1"></span><b>Relaciones</b></a>
<a href="URL"><span class="th th-smartphone"></span><b>Móvil</b></a>
</div>
</div>

</div><a class="miMM" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a><link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap" rel="stylesheet"><link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><style>.MM045, .MM045 * { box-sizing: border-box; transition: .5s; } .MM045 br { display: none; } .MM045 { width: 500px; margin: auto; text-align: center; font: 14px Calibri; background: #222; border-bottom: 15px solid; } .MM045 > strong { box-shadow: inset 0 0 0 200px; display: block; padding: 30px; display: flex; flex-direction: column; position: relative; z-index: 10; } .MM045 > strong > b { color: #111; font: 40px Oswald; } .MM045 > strong > i { color: #111; letter-spacing: 2px; margin: -8px 0 0 2px; } .MM045 > strong::before { content: ""; position: absolute; width: 30px; height: 30px; left: calc(50% - 15px); bottom: -14px; transform: rotate(45deg); clip-path: polygon(100% 0, 0% 100%, 100% 100%); box-shadow: inset 0 0 0 20px; border-radius: 6px 0; } .MM045-f { display: flex; } .MM045-img { width: 180px; background-position: top center; background-size: cover; } .MM045-l { flex: 1; } .MM045-l > a { color: inherit !important; display: flex; } .MM045-l span { box-shadow: inset 0 0 0 50px; padding: 20px; -webkit-text-fill-color: #111; font-size: 30px; opacity: .7; } .MM045-l > a:nth-of-type(even) span { opacity: 1; } .MM045-l > a:nth-of-type(odd) b { background: #111; } .MM045-l b { flex: 1; display: flex; padding: 10px; align-items: center; justify-content: flex-end; font: 20px oswald; color: #AAA; } .MM045-l a:hover { filter: brightness(1.5); } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; color: #444; } .miMM:hover { letter-spacing: 3px; }</style>