@include wrap-class() {
    .wcc-card {
        .wcc-card-title {
            font-size: 15px;
            line-height: 16px;
            display: block;
            margin: 0;
            padding: 0;
            border: 0;
        }

        .wcc-card-body {
            padding: 20px 20px;
            min-height: 152px;
            border: 1px solid #D7E1F2;
            border-radius: 5px;
            background: #ffffff;
            min-height: 173px;
            position: relative;
            height: 100%;
        }
        .wcc-card-body.wcc-card-body--full {
            padding: 0px;
        }
        .wcc-card-label {
            display: block;
            font-size: 14px;
            font-weight: $font--medium;
            line-height: 18px;
            padding-bottom: 10px;
        }
        .wcc-card-row {
            margin-bottom: 15px;
            &:last-child {
                margin-bottom: 0px;
            }
        }

        .wcc-card-actions {
            @extend %flex;
        }

        .wcc-card-col:not(:last-child) {
            border-right: 1px solid $border-color;
        }

        .wcc-card-col {
            text-align: center;
            padding-top: 20px;
            padding-bottom: 20px;
        }
    }
    .wcc-loading {
        .wcc-card-body:before {
            content: " ";
            width: 100%;
            position: absolute;
            z-index: 11;
            top: 0;
            bottom: 0;
            left: 0;
            border-radius: 4px;
            background-color: hsla(0, 0%, 100%, 1);
        }
        .wcc-card-body {
            position: relative;
        }
    }
    .wcc-card-inner-title {
        margin: 0;
    }
    .wcc-card-header {
        margin: 15px 0px;
    }
    .wcc-card-inner-title {
        margin-left: 5px;
    }
}