.custom-tab-container{
    display: flex;    
    gap: 5px;
}

.custom-tab-button {
    height: fit-content;
    border-radius: 5px 5px 0 0;
    padding: 0 10px;
    border-top: 1px solid var(--accent);
    border-left: 1px solid var(--accent);
    border-right: 1px solid var(--accent);
    cursor: pointer;
    transition: box-shadow 0.3s;
}

    .custom-tab-button p{
        margin: 0;
        color: var(--accent);
    }

    .custom-tab-button.active {
        background: var(--accent);
        box-shadow: 0 -5px 5px rgba(0,0,0,0.2);
    }
    .custom-tab-button.active p{
        background: var(--accent);
        color: #fff;
        font-weight: 400;
    }