Button by Dhananjoy43

1.btn {
2  position: relative;
3  width: 11rem;
4  height: 3.5rem;
5  border: none;
6  border-radius: 3rem;
7  cursor: pointer;
8  background: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
9  font-size: 1.2rem;
10  font-weight: 550;
11  font-family: sans-serif;
12  letter-spacing: 1px;
13  transition: all 0.3s;
14}
15
16.btn::before {
17  content: "";
18  position: absolute;
19  top: -2px;
20  left: -2px;
21  border-radius: 3rem;
22  width: 100%;
23  height: 100%;
24  padding: 2px;
25  background: linear-gradient(135deg, #30cfd0 0%, #330867 100%);
26  z-index: -1;
27}
28
29.btn:hover {
30  background: #315cfd;
31  background: linear-gradient(135deg, #30cfd0 0%, #330867 100%);
32  color: white;
33  font-size: 1.3rem;
34}