.CaseStudiesFilter--buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
    margin-top: 20px;

    & .CaseStudiesFilter--button {
        padding: 10px 0;
        color: black;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        position: relative;

        &::after {
            content: '';
            display: block;
            width: 100%;
            height: 2px;
            background-color: var(--e-global-color-d49ac81);
            transform: scaleX(0);
            transition: transform 0.3s ease;
        }

        &:hover::after,
        &.mixitup-control-active::after {
            transform: scaleX(1);
        }
    }
}