1.btn {
2 display: inline-block;
3 padding: 0.9rem 1.8rem;
4 font-size: 16px;
5 font-weight: 700;
6 color: white;
7 border: 3px solid rgb(252, 70, 100);
8 cursor: pointer;
9 position: relative;
10 background-color: transparent;
11 text-decoration: none;
12 overflow: hidden;
13 z-index: 1;
14 font-family: inherit;
15}
16
17.btn::before {
18 content: "";
19 position: absolute;
20 left: 0;
21 top: 0;
22 width: 100%;
23 height: 100%;
24 background-color: rgb(252, 70, 100);
25 transform: translateX(-100%);
26 transition: all .3s;
27 z-index: -1;
28}
29
30.btn:hover::before {
31 transform: translateX(0);
32}