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);
}