@import "faalis/variables";
@import "faalis/dashboard/rtl/foundation_and_overrides";

.btn {
   @include button-base;
   @include single-transition;

   &.green {
     @include button-style($emerald, $border-radius, false);
     color: white;
   }

   &.blue {
     @include button-style($peter_river, $border-radius, false);
     color: white;
   }

   &.red {
     @include button-style($alizarin, $border-radius, false);
     color: white;
   }

   &.yellow {
     @include button-style($sun_flower, $border-radius, false);
   }
   &.lightgray {
     @include button-style($lightgray, $border-radius, false);
   }
   &.lightergray {
     @include button-style($lightergray, $border-radius, false);
   }

}

.tiny {
   @include button-size($button-tny, false);
}

.small {
   @include button-size($button-sml, false);
}

.medium {
   @include button-size($button-med, false);
}