Марат Гарифуллин

У вас вопрос в одном, а проблема в другом)

Я для себя решил так:
- таблицы для таблиц (и то уже редко)
- grid для сетки, каркаса сайта (или вместо таблиц)
- flex для всего остального

Но это не значит, что можно написать стили для десктопа, а мобилка сама красиво все покажет.
Нужно через media queries прописывать стили для разных экранов

У вас несколько проблем.

Блок .servicies-right почему-то float, отсюда он не на всю ширину

Текст абсолютно позиционирован относительно body (надо относительно .servicies-right, добавить position: relative)

после (.servicies-right, добавить position: relative) этого текст будет перемещаться, но появится еще ряд поправок, но, думаю, разберетесь.

Какие-нибудь эффекты планируются на элементе?

Можно так

.link {
  width: 150px;
  height: 40px;
  background: #ccc;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.link:before {
  top: -5px;
  left: -5px;
  z-index: -1;
  content: '';
  width: 25px;
  height: 25px;
  display: block;
  background: orange;
  position: absolute;
}

У вас нет сетки, растяните таблицу на всю ширину экрана хотя бы)

.package {
  width: 100%;
}