/* Define a custom class for the tab button */
.tab-button {
    background-color: #a0522d;
    color: white;
    padding: 10px;
    border-radius: 5px;
    position: relative;
}

/* Define a custom class for the active tab button */
.active-tab {
    background-color: #d2691e;
    color: white;
}

/* Define a pseudo-element for the active tab button */
.active-tab::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #d2691e;
}