.skeleton-loading {
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.skeleton-loading::before {
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: #efefef;
    z-index: 5;
}

.skeleton-loading::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background: linear-gradient(to right, transparent, #fff, transparent);
    animation: shimmer 2s infinite;
    z-index: 6;
}

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}