@import 'mixins';


.card-1-static {
  @include box_shadow(1);
}

.card-2-static {
  @include box_shadow(2);
}

.card-3-static {
  @include box_shadow(3);
}

.card-1 {
  @extend .card-1-static;
  @include transition(all 250ms);
  &:hover {
    @include box_shadow(3);
    @include transform(translateY(-5px));
  }
}

.card-2 {
  @extend .card-2-static;
  @include transition(all 250ms);
  &:hover {
    @include box_shadow(3);
    @include transform(translateY(-5px));
  }
}

.card-3 {
  @extend .card-3-static;
  @include transition(all 250ms);
  &:hover {
    @include box_shadow(3);
    @include transform(translateY(-5px));
  }
}