+ @include apply-svg-color(#fff);
+ }
+}
+
+@mixin orange-button-inverted {
+ @include button-focus(pvar(--mainColorLightest));
+
+ border: 2px solid pvar(--mainColor);
+ font-weight: $font-semibold;
+
+ &,
+ &:active,
+ &:focus {
+ color: pvar(--mainColor);
+ background-color: pvar(--mainBackgroundColor);
+ }
+
+ &:hover {
+ color: pvar(--mainColor);
+ background-color: pvar(--mainColorLightest);
+ }
+
+ &[disabled],
+ &.disabled {
+ cursor: default;
+ color: pvar(--mainColor);
+ background-color: #C6C6C6;
+ }
+
+ my-global-icon {
+ @include apply-svg-color(pvar(--mainColor));