File: buttons.css { /* Call to Action Button */
.cta-button-container {
    text-align: center; /* Centers the button */
    margin: 1rem 0; /* Adds some spacing around the button */
}

.cta-button {
    display: inline-block;
    background-color: #5FB4C7;
    color: #575757 !important; /* Override theme text color */
    font-family: \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'Euphemia\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', sans-serif;
    font-size: 1.2rem; /* Adjust the button text size */
    padding: 0.75rem 1.5rem;
    border: 1px solid #424647;
    border-radius: 0.25rem; /* 4px rounded corners */
    text-decoration: none; /* Remove underline */
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease; /* Hover effect */
}

.cta-button:hover {
    background-color: #499aa8; /* Darker shade on hover */
    transform: scale(1.05); /* Slight scale-up on hover */
}

.cta-button:active {
    transform: scale(0.98); /* Button press effect */
}

/* Responsive font scaling */
@media (max-width: 600px) {
    .cta-button {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }
 }