/* Styling for the CTA Button */
.cta-container {
    text-align: center; /* Centers the button */
    margin-top: 2rem; /* Adds space above the button */
  }
  
  .cta-button {
    background-color: #2c3e50; /* Dark background color */
    color: white; /* White text */
    padding: 12px 24px; /* Padding for button */
    font-size: 1.2rem; /* Slightly larger font */
    border-radius: 5px; /* Rounded corners */
    text-decoration: none; /* Removes underline */
    display: inline-block; /* Makes the link behave like a button */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Smooth transition */
  }
  
  .cta-button:hover {
    background-color: #34495e; /* Lighter background color on hover */
    transform: translateY(-3px); /* Slight lift effect on hover */
  }
  
  .cta-button:active {
    transform: translateY(0); /* Reset lift when clicked */
  }