CSS元素的定位在Safari中移動了一半（但在Chrome中很好）

我有一個在Chrome中正確定位的元素（工作正常），但在Safari中它的關閉了50％。一般的CSS並不妨礙我，但這是一個。我建立了所有的反應，這應該不會對CSS產生影響（我只是提到這只是爲了參考）。CSS元素的定位在Safari中移動了一半（但在Chrome中很好）

對我有問題的代碼是：

margin-left: 50px; 
background-color: white; 
transform: rotate(120deg); 
height: 38px; 
width: 38px; 
border-radius: 50%; 
color: white; 
position: absolute; 
background: white; 
transition: all 250ms; 
-webkit-transition: all 250ms; 
overflow: hidden;

編輯HTML ADDED

<div> 
    <div class="jbRhCt" style="align-items: center; position: absolute; width: 100%; margin: 0px; padding: 0px; justify-content: center;"> 
    <div class="dbgKej"> 
     <div class="fCJbKH" style="background: rgb(31, 139, 179);"> 
     <div class="ijNdlz" style="margin-left: 26px;"> 

     </div><div class="hOzhhR" style="margin-left: 72px;"> 

     </div><div class="bPQgoG" style="margin-left: 120px;"></div> 
     <div class="dMJdoh" style="background: white; transform: rotate(120deg); margin-left: 50px;"> 
      <div class="czTFjn" style="opacity: 1;"></div> 
      <div class="bbrObs" style="opacity: 1;"></div> 
      <div class="ftVltL" style="opacity: 1;"></div> 
      <div class="fqOkrX" style="opacity: 0;"><div class="enUBsj" style="opacity: 0;"></div> 
      <div class="bSIUmO" style="opacity: 0;"></div></div></div> 
      <p class="iWgihJ" style="margin-left: -40px; color: white;">The Light!</p> 
      </div> 
     </div> 
     </div> 
    </div>

這是關閉的頂部和右側，和我不確定爲什麼。作爲參考，在Chrome中，這是它的外觀（白色月亮）