.side-button {
    position: fixed;
    top: 200px;
    left: 0;
    transition: 0.5s;
    transform: translateX(-50%);
    z-index: 9999;
  }
  .side-button2 {
    position: fixed;
    top: 310px;
    left: 0;
    transition: 0.5s;
    transform: translateX(-50%);
    z-index: 9999;
  }
  .side-button3 {
    position: fixed;
    top: 420px ;
    left: 0;
    transition: 0.5s;
    transform: translateX(-50%);
    z-index: 9999;
  }

  
  .side-button2 a {
    display: block;
    width: 80px;
    height: 90px;
    padding: 10px 5px;
    margin: 10px 0;
    background-color: #E1306C;
    color: white;
    text-decoration: none;
    font-weight: bold;
    border-radius: 10px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transition: transform 0.3s ease;
  }

  .side-button3 a {
    display: block;
    width: 80px;
    height: 100px;
    padding: 10px 5px;
    margin: 10px 0;
    background-color: #1ca700;
    color: white;
    text-decoration: none;
    font-weight: bold;
    border-radius: 10px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transition: transform 0.3s ease;
  }


  .side-button a {
    display: block;
    width: 80px;
    height: 100px;
    padding: 10px 5px;
    margin: 10px 0;
    background-color: #3b5998;
    color: white;
    text-decoration: none;
    font-weight: bold;
    border-radius: 10px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transition: transform 0.3s ease;
  }
  .side-button2 a:hover {
    transform: translateX(20px);
  }
  
  .side-button a:hover {
    transform: translateX(20px);
  }

  .side-button3 a:hover {
    transform: translateX(20px);
  }