1button, .button, input[type="submit"], .submit {
2  font-weight: bold;
3  font-size: 1em;
4  text-transform: none;
5  border-radius: 3px;
6  padding: .8rem 3.5rem .5rem;
7  height: auto;
8  border: 0;
9  &:hover {
10    cursor: pointer;
11  }
12}
13
14.disabled {
15  button, .button, input[type="submit"] {
16    opacity: 0.2;
17    color: $btn__disabled-txt;
18    &:hover {
19      cursor: default;
20      background: transparent;
21    }
22  }
23}
24
25.btn-primary,
26input[type="submit"] {
27  color: $primebtn__text;
28  background: $primebtn__bg;
29  min-height: 50px;
30  &:hover {
31    background: lighten($primebtn__bg, 8%);
32    @include fastTransition-all;
33  }
34  &.disabled {
35    background: $btn__disabled-bg;
36    color: $btn__disabled-txt;
37    @include fastTransition-all;
38    &:hover {
39      cursor: default;
40    }
41  }
42  i { // button symbol
43    font-style: normal;
44    text-transform: none;
45    font-size: 1.5em;
46    transform: rotate(80deg);
47    display: inline-block;
48  }
49  img{
50    width: 18px;
51    height: 18px;
52    display: inline-block;
53  }
54}
55.btn-secondary {
56  color: $secbtn__text;
57  background: transparent;
58  border: 2px solid $secbtn__border;
59  min-height: 50px;
60  &:hover {
61    background: $lightbg__accent;
62    cursor: pointer;
63    background: $secbtn__bg;
64    @include fastTransition-all;
65  }
66  &.disabled {
67    border: 2px solid $lightgrey;
68    background: $btn__disabled-bg;
69    @include fastTransition-all;
70    &:hover {
71      background: $btn__disabled-bg;
72    }
73  }
74  i { // button symbol
75    font-style: normal;
76    font-weight: 400;
77    text-transform: none;
78    font-size: 1.5em;
79    transform: rotate(80deg) translate(-2px);
80    display: inline-block;
81    vertical-align: middle;
82  }
83  img{
84    width: 18px;
85    height: 18px;
86    display: inline-block;
87    margin-right: .5em;
88    margin-top: -3px;
89  }
90}
91