Получение кнопки, чтобы придерживаться полностью справа от веб-страницы с вращением на 270 градусов

Question

Я пытаюсь получить кнопку, при нажатии которой открывается модальное время открытия магазина.

Однако я не могу заставить кнопку полностью придерживаться правой стороны веб-страницы. Я хочу, чтобы он постоянно застрял на месте, когда пользователи тоже прокручивают.

Это мой код на данный момент:

<button class="opening-times-button" type="button" name="button">Opening Times</button>


.opening-times-button {
  position: absolute;
  right: 0px;
  background-color: yellow;
  transform: rotate(270deg);
  top: 50%;
}

На данный момент справа от кнопки есть большое поле. Как это:

Любые советы?

Answer 1

добавьте перевод Y, чтобы кнопка застряла в правом углу следующим образом:

.opening-times-button {
  position: absolute;
  right: 0px;
  background-color: yellow;
  transform: rotate(270deg) translateY(190%);
  top: 50%;
}