lUser L

Это сделано через псевдо элементы before, after. Самой кнопке задается свойство

.btn {
   position: relative;
}

а псевдо элементу

.btn:before {
    content: '';
    position: absolute;
    left: -25px;
    bottom: -30px;
    width: 30px;
    height: 30px;
    background: blue;
    transition: .8s ease;
    border-radius: 25px;
    z-index: -1;
}

далее при .btn:hover обращаемся к псевдо элементу
и задаем позицию и высоту с шириной

.btn:hover:before {
}

демка

Для любителей CSSBDSM

.upper-footer span {
    color: rgba(114, 52, 26, 0.89);
    font-size: 20px;
    font-weight: bold;
    width: 994px;
}

width: 994px; - тут проблема

https://codepen.io/5h4dy_s/pen/GRrbXLb

Если нужно для определенного блока (для списка например) то так, если для всей страницы убери класс

.custom-srollbar::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
}
.custom-srollbar::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #c1c1c1;
}
.custom-srollbar::-webkit-scrollbar-thumb:hover {
  background-color: #7d7d7d;
}

https://codepen.io/5h4dy_s/pen/BaNvxQb

UPD: https://codepen.io/5h4dy_s/pen/MWwBEPY