@mixin ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

body {
    .p-card {
        border-radius: 4px;
        background-color: #fff;
        box-shadow: 0px 1px 5px 0px #00000040;
    
        .p-card-body {
            font-family: "Open Sans", sans-serif;
            font-size: 14px;
            line-height: 150%;
            font-weight: 400;
    
            .p-card-title {
                color: #212533;
                font-weight: 700;
                padding: 16px 12px;
                @include ellipsis;
            }
    
            .p-card-subtitle {
                color: #6e7280;
                padding: 0 12px 16px 12px;
                @include ellipsis;
            }
    
            .p-card-title + .p-card-subtitle {
                margin-top: -16px;
            }
    
            .p-card-content {
                border-top: 1px solid #c1c1cc;
                padding: 16px;
            }
        }

        .p-card-footer {
            border-top: 1px solid #c1c1cc;
            padding: 16px;
        }
    }
}