*,:after,:before{box-sizing:border-box;outline:none}figure{font-size:16px;font-smooth:auto;font-weight:300;line-height:1.5;color:#444;position:relative;display:flex;align-items:center;justify-content:center;width:225px;min-width:225px;height:285px;border-radius:15px;box-shadow:0 10px 12px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden}figure:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}figure:hover h1{opacity:0;transform:scale(.7)}figure:hover img{transform:scale(1.1)}figure:hover figcaption{bottom:0}figure img{height:100%;min-width:225px;transition:.25s;-o-object-fit:cover;object-fit:cover}figure figcaption{position:absolute;bottom:-20%;left:0;width:100%;margin:0;padding:22px 20px 20px 15px;background-color:rgba(0,0,0,.75);box-shadow:0 0 20px rgba(0,0,0,.4);color:#fff;line-height:1;transition:.25s}figure figcaption h3{color:#fff;font-size:20px;padding:0;text-align:left}figure figcaption p{font-size:14px;line-height:1.75}figure figcaption button{position:relative;display:flex;align-items:center;justify-content:center;margin:10px 0 0;padding:10px 20px;background-color:#e8bb4e;border:none;border-radius:5px;color:#fff;font-size:14px;cursor:pointer}figure figcaption button:hover{filter:brightness(.9)}