Странное поведение кнопки-радиуса сафари с множественными значениями для каждой стороны

Question

Использование CSS для создания рисованного эффекта на кнопке. В Safari (12.4.2) Также в Chrome для Safari. Я получаю дополнительный прямоугольник на внутренней стороне границы. Он имеет пунктирную линию. Я уже пытался использовать webkit, хотя я не думаю, что нам все еще нужны поставщики (?), Но это не решило проблему

Я бы очень хотел избавиться от прямоугольника внутри.

Вы можете проверить кнопки с прямоугольником внутри на https://www.grandcafekuhlman.nl

Это происходит на большинстве кнопок. Но в качестве примера приведем код кнопок, которые находятся в строке на главной странице:

    <ul class="menu-submenu">
    <li class="een"><a class="buttongreen small" 
    href="http://www.grandcafekuhlman.nl/mogelijkheden/lunch/">Pinchos Lunch</a></li>
    <li class="twee"><a class="buttongreen small" 
    href="http://www.grandcafekuhlman.nl/mogelijkheden/diner/">Pinchos Diner</a></li>
    <li class="drie"><a class="buttongreen small" 
    href="http://www.grandcafekuhlman.nl/mogelijkheden/borrel/">Pinchos Borrel</a></li>
    <li class="vier"><a class="buttongreen large" 
    href="http://www.grandcafekuhlman.nl/mogelijkheden/fijnproef-avond/">Pinchos Fijnproef avond</a> 
    </li>
    <li class="vijf"><a class="buttongreen large" href=" 
    http://www.grandcafekuhlman.nl/mogelijkheden/live-cooking/">Live cooking aan huis</a></li>
    </ul>



    .buttongreen.large {
     border:4px solid #003445;
     background-color: #3f7484 !important;
     align-self:center;
     padding:15px 5px;
     margin:10px;
     transition:all .5s ease;
     letter-spacing:1px;
     box-shadow: 20px 38px 34px -26px hsla(0,0%,0%,.2);
     border-top-left-radius: 255px 15px;
     border-top-right-radius: 225px 15px;
     border-bottom-right-radius: 15px 225px; 
     border-bottom-left-radius: 15px 255px;
     color: #fff;
     font-family: 'Karla', sans-serif;
     font-size: 13px;
     text-transform: uppercase;
     text-decoration: none;
     font-weight:bold;
     }

     .buttongreen.small {
     border:4px solid #003445;
     background-color:#3f7484  !important;
     align-self:center;
     padding:15px 35px;
     margin:10px;
     transition:all .5s ease;
     letter-spacing:1px;
     box-shadow: 20px 38px 34px -26px hsla(0,0%,0%,.2);
     border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
     color: #fff;
     font-family: 'Karla', sans-serif;
     font-size: 13px;
     text-transform: uppercase;
     text-decoration: none;
     }