Position: absolute / Which of these is more perfered?

HTML-CSS
1

They both accomplish the same thing, which is written better?

Is using one of these written codes better than the rest?

Code 1

.play {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 68px;
  height: 48px;
}

Code 2

.play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 68px;
  height: 48px;
  margin-left: -34px;
  margin-top: -24px;
}

Code 3

.play {
  position: absolute;
  left: calc(50% - 34px);
  top: calc(50% - 24px);
  width: 68px;
  height: 48px;
}
2

From a responsive design viewpoint percentages are better. Any time you use pixels you will get different results depending on the viewport dimensions. I would stay away from negative margins though