.controller {
  position: fixed;
  background: $dark-color;
  width: 80px;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 10px;
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;

  > .controller-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    padding: 0;
    > .controller-list__item {
      display: block;
      border-bottom: 1px solid rgba(255, 255, 255, 0.30);
      padding: 0 0 20px 0;
      margin: 0 0 20px 0;
      &:last-child {
        border-bottom: unset;
        padding: 0;
        margin: 0;
      }
    }
  }

  .controller__link {
    color: #ffffff;
    font-size: 30px;
    padding: 10px;
    &:hover {
      color: $theme-color;
    }
  }
}