.tab-button {
    display: grid;
    justify-items: center;
    align-items: center;
    min-width: 109px;
    height: 38px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid;
    border-color: var(--neutralsneutral);
    cursor: pointer;
}
.tab-button > * {
  grid-column-start: 1;
  grid-row-start: 1;
}
.tab-button:hover {
    background-color: var(--neutralswhite);
}
.tab-button.selected {
    background-color: var(--neutralsneutral);
}
.tab-button-text {
    height: 38px;
}
.triangle {
    transform: translate(0, 50%);
}
.tab-button.selected > .triangle {
    display: block;
}
.tab-button > .triangle {
    display: none;
}