Untitled

<a href="/ACES/loginstudent.php" class="button" id="login-btn">Proceed to Login</a>

<style>
    /* Basic button styling */
    .button {
        display: inline-block;
        padding: 10px 20px;
        font-size: 16px;
        font-weight: bold;
        color: #fff; /* White text color */
        background-color: #007BFF; /* Primary color (blue) */
        border: none;
        border-radius: 5px; /* Rounded corners */
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        transition: background-color 0.3s ease; /* Smooth transition for hover effect */
    }

    /* Hover effect */
    .button:hover {
        background-color: #0056b3; /* Darker shade of the primary color */
    }

    /* Active/focus effect */
    .button:active,
    .button:focus {
        background-color: #004080; /* Even darker shade for active/focus state */
        outline: none; /* Remove default outline */
    }
</style>