.post-list-item { position: relative; }
.post-list-item > a { background-color: var(--light-grey); position: relative; text-decoration: none; color: var(--textcolor); display: block; height: 100%; }
.post-list-item .image { padding-bottom: 70%; width: 100%; background-color: rgba(0, 0, 0, 0.05); position: relative; overflow: hidden; }
.post-list-item .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.post-list-item .inner { padding: 20px 20px 74px 20px; min-height: 180px; }
.post-list-item .inner .categories { display: flex; flex-wrap: wrap; padding-bottom: 0.5em; font-size: 0.8em; font-weight: bold; opacity: 0.5; }
.post-list-item .inner .categories .tag { padding-right: 0.5em; }
.post-list-item .inner .title { font-size: 1.3em; display: block; margin-bottom: 0.8em; margin-top: 0.3em; line-height: 140%; }
.post-list-item .inner .title a { text-decoration: none; }
.post-list-item .inner .entry-content { margin-bottom: 20px; }
.post-list-item .action { margin-bottom: 0; cursor: pointer; position: absolute; bottom: 20px; left: 20px; padding: 0.5rem 1.4rem; }
.post-list-item .meta { display: flex; align-items: center; }
.post-list-item .meta .avatar { width: 30px; height: 30px; overflow: hidden; -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2); border-radius: 50%; border: solid 1px var(--border); margin-right: 8px; position: relative; }
.post-list-item .meta .author { display: block; font-weight: 600; display: flex; align-items: center; line-height: 100%; text-decoration: none; }
.post-list-item .meta .date { display: block; font-size: 0.6em; line-height: 100%; margin-top: 3px; }
.post-list-item:hover .inner .post-link { opacity: 1; }