如何将两个浮动操作按钮固定在一些特定位置，并带有颤动？

<div id="button-container">
  <div class="floating-button">
    <span class="button-text">按钮1</span>
  </div>
  <div class="floating-button">
    <span class="button-text">按钮2</span>
  </div>
</div>

#button-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.floating-button {
  width: 60px;
  height: 60px;
  background-color: #ff0000;
  border-radius: 50%;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: shake 0.5s infinite;
}

.button-text {
  color: #ffffff;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(5px) rotate(5deg);
  }
  50% {
    transform: translateX(-5px) rotate(-5deg);
  }
  75% {
    transform: translateX(5px) rotate(5deg);
  }
  100% {
    transform: translateX(0);
  }
}