.coin-wrap{perspective:900px; display:flex; justify-content:center; margin:20px 0}
.coin{
  width:140px; height:140px; position:relative; transform-style:preserve-3d;
  transition:transform 1.2s cubic-bezier(.17,.67,.32,1.3);
}
.side{
  position:absolute; width:140px; height:140px; border-radius:50%; border:2px solid #2a335a;
  display:flex; align-items:center; justify-content:center; font-weight:900; background:#e7ecff; color:#0b1020;
}
.front{transform:translateZ(2px)}
.back{transform:rotateY(180deg) translateZ(2px)}