1ss1za

<div style="transform: translate3d(-496px, 0px, 0px)">content</div>

const div = document.querySelector('div');

console.log(div.style.transform.match(/(\-?\d{1,3}px)/g)); // ["-496px", "0px", "0px"]

Берите из массива что вам надо

Держи https://codepen.io/IIIu6ko/pen/QWbjXRK

Если сайт динамический, то использовать сессии. Иначе cookies.

Либо треугольник svg с верхней границей зеленого цвета, которая закроет белый бордер сверху, либо так:

Ещё вариант:
<div class="container"><a href="#">Text</a></div>

a {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 1.5rem;
  text-decoration: none;
  padding: 1.5rem 2.5rem;
  border: 1px solid white;
  border-radius: 4px;
  text-indent: 1.5rem;
  color: white;
  display: block;
  position: relative;
}
a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 1rem;
  height: 1rem;
  transform: translateX(-50%);
  border-top: 1rem solid white;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
}
a::after {
  content: '';
  position: absolute;
  top: -1px;
  left: 50%;
  width: 1rem;
  height: 1rem;
  transform: translateX(-50%);
  border-top: calc(1rem - 1px) solid #2aac65;
  border-left: calc(1rem - 1px) solid transparent;
  border-right: calc(1rem - 1px) solid transparent;
}

Codepen

Оно?

Простой и короткий вариант
https://codepen.io/hisbvdis/pen/abodJXQ

const WRAP = 4;
const $items = $('.wrap > .item');

for (let i = 0; i < $items.length; i += WRAP) {
  $items.slice(i, i + WRAP).wrapAll('<div class="wrap-item">');
}

или

const WRAP = 4;
const container = document.querySelector('.wrap');
const items = [...container.children];

container.append(...Array.from(
  { length: Math.ceil(items.length / WRAP) },
  (n, i) => {
    const wrapper = document.createElement('div');
    wrapper.classList.add('wrap-item');
    wrapper.append(...items.slice(i * WRAP, (i + 1) * WRAP));
    return wrapper;
  }
));