Generated by SassMeister.com.

sni_mm-button.css

a.mm-button {
  background-color: #fff;
  color: #fff !important;
}

a.mm-button:hover {
  background-color: #cccccc;
}

a.mm-button.solid-to-ghost {
  border-color: #fff !important;
}

a.mm-button.solid-to-ghost:hover {
  background-color: transparent;
  color: #fff !important;
}

a.mm-button.sni-blue {
  background-color: #00a3d9;
  color: #fff !important;
}

a.mm-button.sni-blue:hover {
  background-color: #005673;
}

a.mm-button.sni-blue.solid-to-ghost {
  border-color: #00a3d9 !important;
}

a.mm-button.sni-blue.solid-to-ghost:hover {
  background-color: transparent;
  color: #00a3d9 !important;
}

a.mm-button.orange {
  background-color: #ff8000;
  color: #fff !important;
}

a.mm-button.orange:hover {
  background-color: #994d00;
}

a.mm-button.orange.solid-to-ghost {
  border-color: #ff8000 !important;
}

a.mm-button.orange.solid-to-ghost:hover {
  background-color: transparent;
  color: #ff8000 !important;
}

a.mm-button.caph-blue {
  background-color: #003876;
  color: #fff !important;
}

a.mm-button.caph-blue:hover {
  background-color: #000810;
}

a.mm-button.caph-blue.solid-to-ghost {
  border-color: #003876 !important;
}

a.mm-button.caph-blue.solid-to-ghost:hover {
  background-color: transparent;
  color: #003876 !important;
}

a.mm-button.ghost.thin,
a.mm-button.ghost.thick {
  color: #fff;
}

a.mm-button.ghost.thin:hover,
a.mm-button.ghost.thick:hover {
  background-color: #fff !important;
  border-color: #fff;
  color: #fff !important;
}

a.mm-button.ghost.thin.sni-blue,
a.mm-button.ghost.thick.sni-blue {
  color: #00a3d9 !important;
}

a.mm-button.ghost.thin.sni-blue:hover,
a.mm-button.ghost.thick.sni-blue:hover {
  background-color: #00a3d9 !important;
  border-color: #00a3d9;
  color: #fff !important;
}

a.mm-button.ghost.thin.orange,
a.mm-button.ghost.thick.orange {
  color: #ff8000 !important;
}

a.mm-button.ghost.thin.orange:hover,
a.mm-button.ghost.thick.orange:hover {
  background-color: #ff8000 !important;
  border-color: #ff8000;
  color: #fff !important;
}

a.mm-button.ghost.thin.caph-blue,
a.mm-button.ghost.thick.caph-blue {
  color: #003876 !important;
}

a.mm-button.ghost.thin.caph-blue:hover,
a.mm-button.ghost.thick.caph-blue:hover {
  background-color: #003876 !important;
  border-color: #003876;
  color: #fff !important;
}

sni_mm-button.scss

// ----
// libsass (v3.2.5)
// ----

$default: #fff;
$sni-blue: #00a3d9;
$orange: #ff8000;
$caph-blue: #003876;

@mixin button-color($color) {
	background-color: $color;
	color: #fff !important;
	&:hover {
		background-color: darken($color, 20%);
	}
}

@mixin solid-to-ghost-button-color($color) {
	border-color: $color !important;
	&:hover {
		background-color: transparent;
		color: $color !important;
	}
}

@mixin ghost-button-hover-color($color) {
	background-color: $color !important;
	border-color: $color;
	color: #fff !important;
}

a.mm-button {
  @include button-color($default);
}

a.mm-button {
  &.solid-to-ghost {
    @include solid-to-ghost-button-color($default);
  }
  &.sni-blue {
    @include button-color($sni-blue);
    &.solid-to-ghost {
      @include solid-to-ghost-button-color($sni-blue);
    }
  }
  &.orange {
    @include button-color($orange);
    &.solid-to-ghost {
      @include solid-to-ghost-button-color($orange);
    }
  }
  &.caph-blue {
    @include button-color($caph-blue);
    &.solid-to-ghost {
      @include solid-to-ghost-button-color($caph-blue);
    }
  }
  &.ghost {
    &.thin,
    &.thick {
      color: $default;
      &:hover {
        @include ghost-button-hover-color($default);
      }
      &.sni-blue {
        color: $sni-blue !important;
        &:hover {
          @include ghost-button-hover-color($sni-blue);
        }
      }
      &.orange {
        color: $orange !important;
        &:hover {
          @include ghost-button-hover-color($orange);
        }
      }
      &.caph-blue {
        color: $caph-blue !important;
        &:hover {
          @include ghost-button-hover-color($caph-blue);
        }
      }
    }
  }
}