1.btn {
2  --main-color: #ffce06;
3  --main-alt-color: #fff696;
4  height: 44px;
5  font-size: 16px!important;
6  line-height: 44px;
7  font-weight: 700;
8  color: #3f5cc3;
9  text-shadow: 0 1px 1px #fff8c4;
10  text-transform: uppercase;
11  text-align: center;
12  -webkit-box-shadow: rgb(99 121 133 / 14%) 0 0 0 4px;
13  box-shadow: rgb(99 121 133 / 14%) 0 0 0 4px;
14  border-radius: 4px;
15  border: none;
16  border-top: 1px solid var(--main-alt-color);
17  border-bottom: 1px solid var(--main-color);
18  background-color: var(--main-color);
19  outline: 0;
20  cursor: pointer;
21  margin: 0 0 5px 4px;
22  padding: 0 20px;
23  transition: transform .3s ease;
24}
25
26.btn:hover {
27  border-top-color: var(--main-alt-color);
28  border-bottom-color: var(--main-color);
29  background: -webkit-gradient(linear, left top, left bottom, from(#fae811), to(#f5d604));
30}
31
32.btn:active {
33  transform: scale(0.7);
34}
35