.vacancy-card-skeleton {
    gap: .85rem;
    overflow: hidden;
    position: relative;
}

.skeleton-line,
.skeleton-pill {
    animation: smoske-shimmer 1.25s linear infinite;
    background: linear-gradient(100deg, #ece8e1 20%, #ffffff 50%, #ece8e1 80%);
    background-size: 220% 100%;
    display: block;
}

.skeleton-line {
    border-radius: .4rem;
    height: 1rem;
}

.skeleton-title {
    height: 2rem;
    width: 58%;
}

.skeleton-copy {
    width: 92%;
}

.skeleton-copy-short {
    width: 70%;
}

.skeleton-badges {
    display: flex;
    gap: .5rem;
}

.skeleton-pill {
    border-radius: 50em;
    height: 1.7rem;
    width: 6rem;
}

@keyframes smoske-shimmer {
    to {
        background-position-x: -220%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .skeleton-line,
    .skeleton-pill {
        animation: none;
    }
}