.silhouette-index {
    position: relative;
    width: 100%;
    padding-top: 241.84878171%;
    background-image: url(/images/silhouette.svg);
}

.silhouette-index>li::before {
    content: none;
}

.silhouette-index>li {
    position: absolute;
    margin-top: -1.25rem;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
}

.silhouette-index>li>.button {
    clip-path: circle(0.5rem);
    color: transparent;
    transition:
        clip-path 0.4s ease-in,
        color 0.2s linear;
}

.silhouette-index>li>.button:hover,
.silhouette-index>li.current>.button {
    clip-path: circle(6.25rem);
    color: white;
    transition:
        clip-path 0.16s ease-out,
        color 0.16s linear;
}

hr+.col-md-3>.silhouette-index {
    margin-top: 1rem;
}