.ucm-button {
  display: inline-block;
  position: relative;
  border: 0;
  white-space: nowrap;
  height: 33px;
  line-height: 33px;
  padding: 0 20px;
  color: #fff;
  font-size: em(14px);
  cursor: pointer;
  text-decoration: none;

  &[disabled] {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default;
  }

  $states: (
    'default': #666,
    'orange': orange
  );

  @each $state, $color in $states {
    $isList: length($color) > 1;
    &--#{$state} {
       @if($isList) {
         @include background-gradient(nth($color, 1), nth($color, 2));
       }
       @else {
         background: $color;
       }

       &:hover {
         @include transition(background .1s ease-out);
         background: lighten(if($isList, nth($color, 1), $color), 5%);
       }
     }
  }
}