@include b(card-breadth){
  background-color: $card-bg-color;
  height: 100%;
  text-align: center;
  padding: $text-size;

  @include m(show-border){
    border: solid 1px $card-bg-color;
    &:hover{
      border: solid 1px $main-color;

    }
  }
  @include m(card-event){
    &:hover{
      cursor: pointer;
    }
  }


  @include e(section){

    position: relative;
    @include when(pt){
      padding: $text-size;
      background-color: $input-background-color;
      border:solid 1px $input-border-color;
    }
    @include when(T){

    }

    @include e(aside){
      overflow: hidden;
    }

    @include e(img){
      width: 70px;
      float: left;
      margin-right:$text-size;
    }
    @include e(title){
      color: $card-title-color;
      font-size: $text-size;
      text-align: left;
      margin-bottom: 0.6rem;
    }
    @include e(description){
      color: $text-color;
      font-size: $text-size;
      text-align: left;
      @include multi-text
    }
    @include e(line){
      clear: both;
      margin: $text-size -#{$text-size};
      border:none;
      height: 1px;
      background-color: $black-light-color;
    }

  }



  @include e(date){
    color: $text-color;
    display: block;
    font-size: $text-size;
    margin-bottom: 1rem;
  }

  @include e(footer){
    text-align: right;
    [class^='mc-btn']{
      margin-bottom: 0;
    }
    span{
      font-size:$text-size;
      color: $text-color;
      margin-left: 12px;
      @include when(error){
        color: $font-sub-color;
      }
    }

  }

}