.maestro-segmented {
    display: inline-flex;
    padding: .35rem;
    background: #F3F5F9;
    border: 1px solid var(--maestro-border);
    border-radius: var(--maestro-radius);
    gap: .35rem;
}

.maestro-segment {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-width: 120px;
    height: 46px;
    padding: 0 1.25rem;
    border: none;
    border-radius: calc(var(--maestro-radius) - 4px);
    background: transparent;
    color: var(--maestro-text);
    font-weight: 600;
    cursor: pointer;
    transition: all .25s ease;
}

    .maestro-segment:hover {
        background: #fff;
    }

    .maestro-segment.active {
        background: var(--maestro-primary);
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(23,105,224,.22);
    }

    .maestro-segment i {
        font-size: .9rem;
    }