/* Десктоп — 1200+ */
@media screen and (min-width: 1200px) {
  .btn-bebas-fix span {
    transform: translate(4px, 4px); /* вправо 3px, вниз 2px */
  }
}

/* Большие планшеты — 960-1199 */
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .btn-bebas-fix span {
    transform: translate(4px, 4px);
  }
}

/* Средние планшеты — 768-959 */
@media screen and (min-width: 768px) and (max-width: 959px) {
  .btn-bebas-fix span {
    transform: translate(2px, 3px);
  }
}

/* Малые планшеты / большие смартфоны — 640-767 */
@media screen and (min-width: 640px) and (max-width: 767px) {
  .btn-bebas-fix span {
    transform: translate(2px, 3px);
  }
}

/* Смартфоны — 480-639 */
@media screen and (min-width: 480px) and (max-width: 639px) {
  .btn-bebas-fix span {
    transform: translate(3px, 4px);
  }
}

/* Малые смартфоны — 320-479 */
@media screen and (max-width: 479px) {
  .btn-bebas-fix span {
    transform: translate(2px, 4px);
  }
}