Box-shadow superposition problèmes

Bonjour,

Je me retrouve bloquer avec une superposition dans mon shadow, qui chevauche une partie d'un élément...

J'aimerais avoir en résultat : https://zupimages.net/viewer.php?id=20/03/swlk.png
Mais j'ai https://zupimages.net/viewer.php?id=20/03/8ypq.png

Possible de ne pas retoucher le html ? Merci

#btn__plan{
    display: flex;
    position: absolute;   
    z-index: 1;
    justify-content: center;
    width: calc(100% - 492px);
    right: 0;
    top: 10px;
}

.btn__satellite, .btn__plan{
    padding: 10px 0;
    width: 80px;
    background-color: white;
    border: 1px solid var(--gray-middle);
    box-shadow: 0 0 5px rgb(49, 49, 49);
}

.btn__satellite{
    border-radius: 50px 0 0 50px;
    border-right: none;
}

.btn__plan{
    border-radius: 0 50px 50px 0;
}

 

<div id="btn__plan">
            <button class="btn__satellite font__body--2 font--middle">Satellite</button>
            <button class="btn__plan font__body--2 font--middle">Plan</button>
        </div>

Bonsoir,

Les codes que tu donnes ne reproduisent pas ton soucis apparemment. https://jsfiddle.net/kfqdL9sr/

cdt

gcyrillus a écrit :
Bonsoir,

Les codes que tu donnes ne reproduisent pas ton soucis apparemment. https://jsfiddle.net/kfqdL9sr/

cdt

Si si augmente l'ombrage https://jsfiddle.net/of2wadnx/

Bonjour enzoa,
Utilise filter : drop-shadow() plutôt que box-shadow
Exemple :
https://codepen.io/Zonecss/pen/gObdzQy

Salut,

Il suffit de mettre l'ombre sur le conteneur non ?
https://jsfiddle.net/undless/8qwhe4pb/2/