.button-container {
    display: flex; /* Use flexbox */
    justify-content: center; /* Center items horizontally */
    flex-direction: column;
    align-items: center; /* Center items vertically */
}

.youtube-button {
    margin-top: 10px;
    padding: 15px 30px;
    border: 2px solid #2c2c2c;
    background-color: #1a1a1a;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.4s ease;
    outline: none;
    position: relative;
    overflow: hidden;
    font-weight: bold;
  }
  
  .youtube-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
      circle,
      rgba(182, 0, 0, 0.25) 0%,
      rgba(0, 0, 0, 0) 70%
    );
    transform: scale(0);
    transition: transform 0.5s ease;
  }
  
  .youtube-button:hover::after {
    transform: scale(4);
  }
  
  .youtube-button:hover {
    border-color: #ff0000;
    background: #292929;
  }

  .twitch-button {
    margin-top: 10px;
    padding: 15px 30px;
    border: 2px solid #2c2c2c;
    background-color: #1a1a1a;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.4s ease;
    outline: none;
    position: relative;
    overflow: hidden;
    font-weight: bold;
  }
  
  .twitch-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
      circle,
      rgba(112, 0, 182, 0.25) 0%,
      rgba(0, 0, 0, 0) 70%
    );
    transform: scale(0);
    transition: transform 0.5s ease;
  }
  
  .twitch-button:hover::after {
    transform: scale(4);
  }
  
  .twitch-button:hover {
    border-color: #9d00ff;
    background: #292929;
  }

  .spotify-button {
    margin-top: 10px;
    padding: 15px 30px;
    border: 2px solid #2c2c2c;
    background-color: #1a1a1a;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.4s ease;
    outline: none;
    position: relative;
    overflow: hidden;
    font-weight: bold;
  }
  
  .spotify-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
      circle,
      rgba(0, 182, 67, 0.25) 0%,
      rgba(0, 0, 0, 0) 70%
    );
    transform: scale(0);
    transition: transform 0.5s ease;
  }
  
  .spotify-button:hover::after {
    transform: scale(4);
  }
  
  .spotify-button:hover {
    border-color: #00ff3c;
    background: #292929;
  }

  .patreon-button {
    margin-top: 10px;
    padding: 15px 30px;
    border: 2px solid #2c2c2c;
    background-color: #1a1a1a;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.4s ease;
    outline: none;
    position: relative;
    overflow: hidden;
    font-weight: bold;
  }
  
  .patreon-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
      circle,
      #f967543e 0%,
      rgba(0, 0, 0, 0) 70%
    );
    transform: scale(0);
    transition: transform 0.5s ease;
  }
  
  .patreon-button:hover::after {
    transform: scale(4);
  }
  
  .patreon-button:hover {
    border-color: #f96854;
    background: #292929;
  }

  .twitter-button {
    margin-top: 10px;
    padding: 15px 30px;
    border: 2px solid #2c2c2c;
    background-color: #1a1a1a;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.4s ease;
    outline: none;
    position: relative;
    overflow: hidden;
    font-weight: bold;
  }
  
  .twitter-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
      circle,
      rgba(0, 118, 182, 0.25) 0%,
      rgba(0, 0, 0, 0) 70%
    );
    transform: scale(0);
    transition: transform 0.5s ease;
  }
  
  .twitter-button:hover::after {
    transform: scale(4);
  }
  
  .twitter-button:hover {
    border-color: #00b7ff;
    background: #292929;
  }

  .bluesky-button {
    margin-top: 10px;
    padding: 15px 30px;
    border: 2px solid #2c2c2c;
    background-color: #1a1a1a;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.4s ease;
    outline: none;
    position: relative;
    overflow: hidden;
    font-weight: bold;
  }
  
  .bluesky-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
      circle,
      rgba(0, 118, 182, 0.25) 0%,
      rgba(0, 0, 0, 0) 70%
    );
    transform: scale(0);
    transition: transform 0.5s ease;
  }
  
  .bluesky-button:hover::after {
    transform: scale(4);
  }
  
  .bluesky-button:hover {
    border-color: #007bff;
    background: #292929;
  }

  .discord-button {
    margin-top: 10px;
    padding: 15px 30px;
    border: 2px solid #2c2c2c;
    background-color: #1a1a1a;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.4s ease;
    outline: none;
    position: relative;
    overflow: hidden;
    font-weight: bold;
  }
  
  .discord-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
      circle,
      rgba(0, 88, 182, 0.25) 0%,
      rgba(0, 0, 0, 0) 70%
    );
    transform: scale(0);
    transition: transform 0.5s ease;
  }
  
  .discord-button:hover::after {
    transform: scale(4);
  }
  
  .discord-button:hover {
    border-color: #0080ff;
    background: #292929;
  }

  .tiktok-button {
    margin-top: 10px;
    padding: 15px 30px;
    border: 2px solid #2c2c2c;
    background-color: #1a1a1a;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.4s ease;
    outline: none;
    position: relative;
    overflow: hidden;
    font-weight: bold;
}

.tiktok-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
        circle,
        rgba(255, 0, 182, 0.25) 0%,
        rgba(0, 242, 234, 0.25) 20%,
        rgba(0, 0, 0, 0) 70%
    );
    transform: scale(0);
    transition: transform 0.5s ease;
}

.tiktok-button:hover::after {
    transform: scale(4);
}

.tiktok-button:hover {
    background: #292929;
}

.tiktok-button:hover {
    border-color: #ffffff;
}

.soundcloud-button {
    margin-top: 10px;
    padding: 15px 30px;
    border: 2px solid #2c2c2c;
    background-color: #1a1a1a;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.4s ease;
    outline: none;
    position: relative;
    overflow: hidden;
    font-weight: bold;
  }
  
  .soundcloud-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
      circle,
      rgba(182, 82, 0, 0.25) 0%,
      rgba(0, 0, 0, 0) 70%
    );
    transform: scale(0);
    transition: transform 0.5s ease;
  }
  
  .soundcloud-button:hover::after {
    transform: scale(4);
  }
  
  .soundcloud-button:hover {
    border-color: #ff6f00;
    background: #292929;
  }

  .apple-music-button {
    margin-top: 10px;
    padding: 15px 30px;
    border: 2px solid #2c2c2c;
    background-color: #1a1a1a;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.4s ease;
    outline: none;
    position: relative;
    overflow: hidden;
    font-weight: bold;
  }
  
  .apple-music-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
      circle,
      rgba(250,87,193, 0.25) 0%,
      rgba(0, 0, 0, 0) 70%
    );
    transform: scale(0);
    transition: transform 0.5s ease;
  }
  
  .apple-music-button:hover::after {
    transform: scale(4);
  }
  
  .apple-music-button:hover {
    border-color: #fa57c1;
    background: #292929;
  }

  .tidal-button {
    margin-top: 10px;
    padding: 15px 30px;
    border: 2px solid #2c2c2c;
    background-color: #1a1a1a;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.4s ease;
    outline: none;
    position: relative;
    overflow: hidden;
    font-weight: bold;
  }
  
  .tidal-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
      circle,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0) 70%
    );
    transform: scale(0);
    transition: transform 0.5s ease;
  }
  
  .tidal-button:hover::after {
    transform: scale(4);
  }
  
  .tidal-button:hover {
    border-color: #000000;
    background: #292929;
  }

  .amazon-button {
    margin-top: 10px;
    padding: 15px 30px;
    border: 2px solid #2c2c2c;
    background-color: #1a1a1a;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.4s ease;
    outline: none;
    position: relative;
    overflow: hidden;
    font-weight: bold;
  }
  
  .amazon-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
      circle,
      rgba(13, 191, 245, 0.25) 0%,
      rgba(0, 0, 0, 0) 70%
    );
    transform: scale(0);
    transition: transform 0.5s ease;
  }
  
  .amazon-button:hover::after {
    transform: scale(4);
  }
  
  .amazon-button:hover {
    border-color: #0DBFF5;
    background: #292929;
  }

  .deezer-button {
    margin-top: 10px;
    padding: 15px 30px;
    border: 2px solid #2c2c2c;
    background-color: #1a1a1a;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.4s ease;
    outline: none;
    position: relative;
    overflow: hidden;
    font-weight: bold;
  }
  
  .deezer-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
      circle,
      rgba(162, 56, 255, 0.25) 0%,
      rgba(0, 0, 0, 0) 70%
    );
    transform: scale(0);
    transition: transform 0.5s ease;
  }
  
  .deezer-button:hover::after {
    transform: scale(4);
  }
  
  .deezer-button:hover {
    border-color: #a238ff;
    background: #292929;
  }

.text {
    display: flex; /* Use flexbox */
    justify-content: center; /* Center items horizontally */
    flex-direction: column;
    align-items: center; /* Center items vertically */
    text-shadow: 0px 0px 20px rgba(243, 243, 243, 0.4);
    margin-top: 10px;
}