Tab

<div class="tabs">
    <!-- Active tab -->
    <div class="tabs__tab--active">
        ...
    </div>

    <!-- Inactive tab -->
    <div class="tabs__tab--inactive">
        ...
    </div>
</div>

.tabs {
                        /* Center the content */
                        align-items: center;
                        display: flex;
                        justify-content: center;
                    }

                    .tabs__tab--active {
                        /* Border */
                        border: 1px solid rgba(0, 0, 0, 0.3);
                        /* Hide the bottom border */
                        border-bottom-color: transparent;

                        /* Border radius */
                        border-top-left-radius: 2px;
                        border-top-right-radius: 2px;
                    }

                    .tabs__tab--inactive {
                        /* Has only the bottom border */
                        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
                    }