:root{--green:#bfe6d5;--blue:#a9dcef;--yellow:#fce26d;--pink:#ffd6de;--black:#000;--white:#fff;--grey:#222}.post-list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:0}.post-list li{border:.3rem solid var(--black);border-radius:2rem;box-shadow:.3rem .2rem var(--grey);padding:0;width:20rem}.post-list li article{display:flex;flex-direction:column;height:100%;justify-content:space-between}.post-list li .image{background-image:url(../pattern.svg);background-size:100%;border-bottom:.2rem solid var(--black);height:5rem}.post-list li .post-info{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1rem}.post-list li .post-info p{margin:.2rem}.post-list li .post-info a{background-color:var(--yellow);border-radius:2rem;box-shadow:.3rem .2rem var(--grey);color:var(--black);margin:.5rem;padding:.5rem 1rem;text-align:center;text-decoration:none}.post-list li .post-info a:hover{transform:scale(1.1)}