在悬停时翻转半圆

我想在悬停时翻转半圆。

.main {
  border: 2px solid green;
  border-radius: 190px;
  height: 200px;
  width: 200px;
}

.btm {
  border-bottom-left-radius: 190px;
  border-bottom-right-radius: 190px;
  background-color: red;
  height: 100px;
}