.o-card {
  display: flex;
  @extend .u-margin-bottom--small;

  @include e(title) {
    @extend .u-margin-bottom--small;
  }

  @include e(dsc) {
    @extend .u-text--small;
  }

  @include e(button) {
  }

  @include m(base) {
    @include flex-grid-column(12);

    @include breakpoint(large) {
      @include flex-grid-column(3);
    }

    @include breakpoint(medium only) {
      @include flex-grid-column(6);
    }
  }

  @include m(large) {
    @include flex-grid-column(12);
    @extend .u-margin-bottom--small;

    @include breakpoint(medium) {
      @include flex-grid-column(6);
    }
  }
}