Position absolute values work for chrome and firefox?

Hello, I have a problem, my element is not respecting the positions in firefox, the same regards in chrome, for example, I place absolute position with right: -160px, blz n ochrome reaches the position I want, but in firefox I need to put about -180px; to respect.

Is there any way to get the element to reach the same position in both browsers by putting the same value?

.like{
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      position: absolute;
      right: -160px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      text-align: center;
      border-radius: 4px;
      overflow: hidden;
 }

I thought it might be the display: flex, but I changed it to block and it remained the same.

I have not tested on other browsers.

UPDATE:

Example