ul.archives{list-style:none;margin:0;padding:0}ul.archives>li{height:12em;border:1px solid #ccc;border-radius:.5rem;margin-bottom:1rem;box-shadow:3px 3px 3px #ccc;position:relative}ul.archives>li>img{position:absolute;left:1em;top:50%;transform:translateY(-50%);height:10em;aspect-ratio:4/3}ul.archives>li>div{position:absolute;left:15em;top:1em;right:0}ul.archives>li>div>span{display:block;position:absolute}ul.archives>li>div>span.title{top:0;left:1rem;right:1rem;font-size:1.8em;line-height:1.2em;border-bottom:1.5px solid #ccc}ul.archives>li>div>span.doc{top:2.5em;left:1em;right:0}ul.archives>li>div>a{display:inline-block;text-decoration:none;position:absolute;top:6rem}ul.archives>li>div>a.btn1{left:1rem;background-color:#3366cc;color:#ffffff;padding:.5em;border-radius:.5em;box-shadow:2px 2px 4px #999}ul.archives>li>div>a.btn2{left:6.5rem;height:2.2rem;line-height:2.2rem;padding:0 1em;background-color:#ffffff;color:#3366cc;border-radius:.5em;border:2px solid #3366cc;box-shadow:2px 2px 4px #999}