Help me solve a strange bug in Safari. Googling directs me to his irrelevant old issue. For some reason, the rounded button that is promoted to a separate layer (via will-change: transform) is cut off at the bottom as shown in the image. Perhaps someone has come across this.
Styles of the button:
.button {
display: inline-flex;
position: relative;
text-align: center;
vertical-align: middle;
justify-content: center;
align-items: center;
cursor: pointer;
border-radius: 9999px;
will-change: transform, color, background-color;
}