@charset "UTF-8";
.hover-push {
  transition:
    transform 0.2s ease-in-out,
    box-shadow 0.2s ease-in-out;
  /* 最初から少し影をつけておくと沈み込みが目立ちます */
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}

.hover-push:hover {
  transform: translateY(3px); /* 3px下に移動 */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* 影を小さく */
}