@include b(card-poker){
  background-color: $card-bg-color;
  height: 100%;
  text-align: center;
  padding: $text-size;
  padding-bottom: 0;
  position: relative;

  @include when(disabled){
    &:hover{
      border: solid 1px $card-bg-color;
    }
    &:after{
      content: ' ';
      position: absolute;
      top:0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(#000, .3);
      cursor: not-allowed;
    }
  }

  @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(img){
    width: 100%;
    margin-bottom: $size-small;
    @include when(round){
      border-radius: 50%;
      height: 58px;
      width: 58px;
    }
  }
  @include e(title){
    color: $card-title-color;
    font-size: $text-size;
    margin-bottom: $size-small;
  }
  @include e(date){
    color: $text-color;
    display: block;
    font-size: $text-size;
    margin-bottom: $size-small;
  }
  @include e(description){
    color: $text-color;
    font-size: $text-size;
    margin-bottom: $size-small;
    text-align: left;
    @include multi-text
  }
}