.skill-card {
    text-align: left;
}

    .skill-card i {
        margin-right: 0.5rem;
    }

.skill-bar {
    background: rgba(255,255,255,0.2);
    border-radius: 4px;
    height: 8px;
    overflow: hidden;
}

.skill-fill {
    height: 100%;
    width: 0;
    background: #ff4757;
    border-radius: 4px;
    transition: width 1s ease;
}

/* Animate fill when parent card has expanded class */
.content-expanded-body .skill-fill {
    width: var(--level, 80%);
}