.grid{display:grid;gap:10px}.card{perspective:700px;height:90px}.inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:.35s}.card.open .inner{transform:rotateY(180deg)}.face{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fff;backface-visibility:hidden}.front{background:#4e73df}.back{transform:rotateY(180deg)}.done{outline:4px solid #1cc88a}