top: 50%;のところでボタンの上部が中央に来るのは何となく理解できるのですが、
transform: translateY(-50%);でボタンが中央に来るのがわかりません。