tab-container {
    display: block;
    margin: 20px 0;
    overflow: hidden;
}

.tabs-header {
    display: flex;
    border-bottom: 1px solid whitesmoke;
}

.tab-button {
    background-color: gainsboro;
    padding: 10px 20px;
    border: none;
    border-right: 1px solid lightgray;
    cursor: pointer;
    font-size: 16px;
}

.tab-button:hover {
    background-color: #e9e9e9;
}

.tab-button.active {
    background-color: whitesmoke;
}

.tab-content {
    display: none;
    padding: 15px;
}

.tab-content.active {
    display: block;
}