/* Default styling for the nav links and the sign-up button (light mode by default) */
.signup-btn {
    border-color: rgba(255, 255, 255, 0.65); /* Light color for border */
    color: rgba(255, 255, 255, 0.65); /* Light text color */
}

/* Optional: Hover effect for better interaction */
.signup-btn:hover {
    background-color: rgba(255, 255, 255, 0.1); /* Slight background color change on hover */
    color: rgba(255, 255, 255, 1); /* Brighter text on hover */
}

/* Ensure the sign-up button matches the style of other nav links on small devices */
@media (max-width: 992px) {
    .signup-btn {
        border-color: rgba(117, 117, 117, 0.8); /* Darker border in small devices */
        color: rgba(117, 117, 117, 0.8); /* Darker text in small devices */
    }
}