<div class="filters-container">
    <div class="filters-option active">All</div>
    <div class="filters-option inactive">Gradle Build Tool</div>
    <div class="filters-option inactive">Develocity</div>
    <div class="filters-option inactive">Maven</div>
</div>

<style>
    .filters-container {
        display: flex;
        justify-content: space-between;
        max-width: 745px;
        gap: 20px;
    }
    .filters-option {
        font-size: 21px;
        font-weight: 400;
        line-height: 31.5px;
        text-align: center;
    }
    .inactive {
        color: #B2B2B2;
    }

    .active {
       background: linear-gradient(135deg, #209BC4 0%, #4DC9C0 100%);
       -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 900;
    }
</style>