yarnstart

Можно написать right 15px bottom 15px

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

Preferences -> Emmet -> Setting User

{
"preferences": {
  "css.autoInsertVendorPrefixes": false,
  "less.autoInsertVendorPrefixes": false,
  "scss.autoInsertVendorPrefixes": false,
  "sass.autoInsertVendorPrefixes": false,
  "caniuse.enabled": false,
  "caniuse.vendors": false,
	}
}

https://jsfiddle.net/t5wLm9p0/1/ так ?

https://codepen.io/anon/pen/BMXeoN

Решение с первой страницы выдачи Яндекса https://payalord.github.io/xZoom/

Ответы с хабра здесь - https://habr.com/ru/company/yandex/blog/438598/#co...

Следующий раз, если хотите, чтобы быстро ответили - прикладывайте песочницу с вашими результатами
https://codepen.io/anon/pen/aXgQdO

У вас в коде полная каша, вы на все кнопки вешаете один и тот же обработчик, который берёт media из глобальной области видимости, а оно после первого цикла является последним плеером, вот работающий( но не хороший ) код https://jsfiddle.net/qf8rsbtw/ .
Чтобы не вешать все обработчики циклом можно использовать делегирование https://learn.javascript.ru/event-delegation .

чистый css - https://jsfiddle.net/8mc425hp/1/

Без js нельзя