.card-dbt {
    height: 250px;
    background-color: #fff;
    background: var(--color-impacto);
    border-radius: 6px;
    position: relative;
}
.card-dbt .additional {
    position: absolute;
    width: 250px;
    height: 100%;
    transition: width 0.4s;
    overflow: hidden;
    z-index: 2;
}
.card-dbt .additional .user-card {
    width: 280px;
    height: 100%;
    position: relative;
    top: 6px;
    right: 58px;
}
.card-dbt .general {
    width: 300px;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 9;
}
.card-dbt .general .title {
    font-weight: 500;
    text-align: center;
    right: 0;
    color: var(--color-white);
    background: var(--color-black);
    border-radius: 1rem 0rem 0rem 1rem;
}
.card-dbt .general .attr {
    padding-left: 1.2rem;
}
.card-dbt .general .attr i {
    background: var(--color-black);
    padding: 0.5rem;
    border-radius: 50%;
    color: var(--color-white);
    font-size: 14px;
}
.card-dbt .general .attr a {
    text-decoration: none;
    color: var(--color-white);
    font-size: 13px;
}