/* Base banner styles */
.beta-banner {
    display: inline-block; /* 'block' if using 'margin: auto;' */
    background-color: #E8EAF6; /* Light purple background */
    padding: 10px 20px; /* Padding around the text */
    border-radius: 25px; /* Rounded corners */
    text-align: center; /* Center the text inside the banner */
    text-decoration: none; /* Remove underline from the link */
    margin: auto; /* Center the banner if it's a block-level element */
    transition: background-color 0.3s; /* Smooth transition for hover effect */
  }

  /* Text within the banner */
  .beta-banner-text {
    color: #3F51B5; /* Dark purple text color */
    font-family: Arial, sans-serif; /* Font family */
    font-size: 14px; /* Font size */
    white-space: nowrap; /* Prevents text wrapping */
  }

  /* Container where the banner is located */
  body, .parent-container {
    text-align: center;
  }

  /* Hover effect for the banner */
  .beta-banner:hover {
    background-color: #e9d1d1; /* New background color on hover */
    /* Ensure there are no other hover styles below this one that could override it */
  }