+@mixin orange-button {
+ color: #fff;
+ background-color: $orange-color;
+
+ &:hover, &:active, &:focus {
+ color: #fff;
+ background-color: $orange-hoover-color;
+ }
+
+ &[disabled], &.disabled {
+ cursor: default;
+ color: #fff;
+ background-color: #C6C6C6;
+ }
+}
+
+@mixin grey-button {
+ background-color: $grey-color;
+ color: #585858;
+
+ &:hover, &:active, &:focus, &[disabled], &.disabled {
+ color: #585858;
+ background-color: $grey-hoover-color;
+ }
+
+ &[disabled], &.disabled {
+ cursor: default;
+ }
+}
+