1button {
2  position: relative;
3  font-family: 'Heebo', sans-serif;
4  padding: 12px 40px;
5  border: 0;
6  background: rgb(148, 1, 1);
7  color: #ffffff;
8  font-weight: 500;
9  font-size: 1em;
10  border-radius: 8px;
11  overflow: hidden;
12  transition: 0.3s ease-in-out;
13}
14
15button:hover {
16  text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.562);
17  transform: scale(1.01);
18  box-shadow: inset 0px 0px 10px rgba(255, 0, 0, 0.575);
19}
20
21button::after {
22  content: "";
23  position: absolute;
24  top: 0;
25  left: -100px;
26  width: 50%;
27  height: 100%;
28  transform: rotate(80deg);
29  background: #ffffff77;
30  filter: blur(10px);
31  transition: 0.6s ease-in-out;
32}
33
34button:hover::after {
35  left: 100%;
36}