$card-prefix-cls: #{$prefix-name}card;
$card-prefix-cls-head-padding-top: 14px;
$card-prefix-cls-head-padding-right: 16px;

.#{$card-prefix-cls} {
    display: block;
    background: #fff;
  border-radius:$borderRadius;
    font-size: 14px;
    position: relative;
    transition: all .2s ease-in-out;
    border: 1px solid $borderColor;
    border-color: #e8eaec;

    &-head {
        border-bottom: 1px solid #e8eaec;
        padding: $card-prefix-cls-head-padding-top $card-prefix-cls-head-padding-right;
        line-height: 1;
    }

    &-extra {
        position: absolute;
        right: $card-prefix-cls-head-padding-right;
        top: $card-prefix-cls-head-padding-top;
    }

    &-body {
        padding: $card-prefix-cls-head-padding-right;
    }
}