.webform-submission-form .form-actions {
   display: none;
}


        /* 2. The main button styling */
        .register-button {
            /* Button Color and Text */
            background-color: #351c75; /* A nice, rich purple */
            color: white; /* White text for high contrast */

            box-sizing: border-box;
            max-width: 100%;

            /* Spacing and Sizing */
            /* Using rem units helps with scalability and accessibility */
            padding: 0.8rem 1.6rem; 
            font-size: 1rem;
            font-weight: 600; /* A semi-bold font weight */

            /* Shape and Border */
            border: none; /* Removes the default browser border */
            border-radius: 8px; /* This creates the rounded corners */
            
            /* Other Properties */
            cursor: pointer; /* Changes the cursor to a pointer on hover */
            text-align: center; /* Ensures text is centered */
            
            /* Effects */
            box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.1); /* A subtle shadow */
            transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out; /* Smooth transitions for hover effects */
        }

        /* 3. Hover effect for mouse users */
        .register-button:hover {
            background-color: #9333ea; /* A slightly lighter purple on hover */
            transform: translateY(-2px); /* Lifts the button slightly */
        }

        /* 4. Active (on-click) effect */
        .register-button:active {
            transform: translateY(0); /* Returns the button to its original position */
        }
        
        /* 5. Focus style for accessibility (for keyboard navigation) */
        .register-button:focus-visible {
            outline: 3px solid #a855f7;
            outline-offset: 2px;
        }