Button by Yashwanthnaini

1button {
2 border: none;
3 border-radius: 20px;
4 background: linear-gradient(32deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);
5 transition: all 1.5s ease;
6 font-family: 'Ropa Sans', sans-serif;
7 font-weight: bold;
8 letter-spacing: 0.05rem;
9 padding: 0;
10}
11
12button span {
13 display: inline-block;
14 padding: 15px 35px;
15 font-size: 17px;
16 border-radius: 20px;
17 background: #ffffff10;
18 backdrop-filter: blur(20px);
19 transition: 0.4s ease-in-out;
20 transition-property: color;
21 height: 100%;
22 width: 100%;
23}
24
25button span:hover {
26 backdrop-filter: blur(0px);
27 color: #ffffff;
28}