Habs mir eben mal genauer angeschaut. Der Edit-Button hat doch eine eigene Klasse! Problem erledigt würde ich sagen ohne es getestet zu haben:
.SprdMain .sprd-detail-images__views > button.sprd-detail-images__view--edit {
position: absolute;
top: 40%;
background-color: red;
color: white;
width: 155px;
max-width: 100%;
height: 60px;
left: 64px;
-webkit-border-radius: 0.2em;
border-radius: 0.2em;
border: 0;
overflow: visible
}
.SprdMain .sprd-detail-images__views > button.sprd-detail-images__view--edit svg {
flex: 1;
width: 28px;
height: 28px;
position: absolute;
left: 12px;
top: 12px;
color: white;
}
.SprdMain .sprd-detail-images__views > button.sprd-detail-images__view--edit span {
display: none;
}
.SprdMain .sprd-detail-images__views > button.sprd-detail-images__view--edit::after {
content: "";
position: absolute;
left: 151px;
top: 25px;
width: 0;
height: 0;
border-left: 7.5px solid transparent;
border-right: 7.5px solid transparent;
border-top: 7.5px solid red;
clear: both;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.SprdMain .sprd-detail-images__views > button.sprd-detail-images__view--edit::before {
content: "Willst du das Produkt anpassen?";
text-align: left;
position: absolute;
left: 50px;
display: block;
top: 6px;
padding: 0;
}
.SprdMain .sprd-detail-images__views > button.sprd-detail-images__view--edit:hover {
box-shadow: none;
background-color: darkred
}