1button {
2  padding: 12px 32px;
3  border-radius: 10px;
4  border: 3px black solid;
5  box-shadow: 2px 2px 1px;
6  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
7  font-weight: 700;
8  font-size: 17px;
9  background-color: #01aaba68;
10  overflow: hidden;
11  position: relative;
12  z-index: 10;
13}
14
15button::after {
16  content: "";
17  position: absolute;
18  background-color: #199fab;
19  width: 0px;
20  height: 0px;
21  border-radius: 50%;
22  left: 50%;
23  top: 50%;
24  transform: translate(-50%, -50%);
25  transition: all .3s ease-in;
26  z-index: -1;
27}
28
29button:hover::after {
30  transform-origin: center;
31  transition: all .3s ease-in;
32  width: 200px;
33  height: 200px;
34}
35