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