.centered-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh; /* Use viewport height to ensure full page height */
}

  
  .shortcode-centered-text {
    text-align: center;
  }
  .shortcode-centered-text * {
    text-align: inherit;
  }
  
  .cta-button {
    padding: 12px 24px;
    background-color: #007bff; /* Primary button color */
    color: #ffffff; /* Text color */
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s; /* Smooth transition for hover effects */
  }
  
  .cta-button:hover, .cta-button:focus {
    background-color: #0056b3; /* Darker shade for hover/focus state */
    transform: scale(1.05); /* Slightly increase size on hover */
  }