Button by mouadh-n

1a {
2  color: white;
3  position: relative;
4}
5.buuton {
6  font-weight: 600;
7  border-radius: 2em;
8  padding: 0.75rem 1.5rem;
9  background-color: rgba(255, 255, 255, 0.253);
10  backdrop-filter: blur(10px);
11  transform: scale(1.1);
12  transition: 0.2s ease-in-out;
13}
14.back {
15  position: absolute;
16  background: linear-gradient(20deg, rgb(174, 6, 216) 0%, rgb(85, 31, 200));
17  top: 0;
18  bottom: 0;
19  left: 0;
20  right: 0;
21  z-index: -1;
22  border-radius: 2em;
23  box-shadow: -5px 0 10px rgb(140, 12, 147), 5px 0 10px rgb(85, 31, 200);
24  transform: translateY(10px);
25}
26.buuton:hover {
27  transform: translateY(10px);
28  box-shadow: -10px 0 50px rgba(241, 0, 108, 0.352),
29    10px 0 50px rgb(85, 31, 200);
30}
31