.ksc-search-container {
    max-width: 350px; /* Limits the maximum width */
    background-color: #f8f9fa; /* Light grey background */
    padding: 20px; /* Padding around the form */
    border: 2px solid #ccc; /* Grey border */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Subtle shadow for 3D effect */
    margin: 20px auto; /* Centering the box */
    text-align: center;
    box-sizing: border-box; /* Ensures padding doesn't affect the width */
}

.ksc-search-container input[type="text"], 
.ksc-search-container button {
    width: calc(100% - 20px); /* Adjusts width considering padding */
    padding: 10px; /* Padding inside the input and button */
    margin-bottom: 10px; /* Space between input and button */
    border: 1px solid #ccc; /* Grey border */
    border-radius: 4px; /* Rounded corners for input and button */
    box-sizing: border-box; /* Ensures border and padding are included in the width */
}

.ksc-search-container button {
    background-color: #0056b3; /* Dark blue background */
    color: white; /* White text */
    font-weight: bold;
    border: none; /* No border for the button */
    cursor: pointer;
    transition: background-color 0.3s ease; /* Smooth transition for hover effect */
}

.ksc-search-container button:hover {
    background-color: #004494; /* Slightly darker blue on hover */
}

/* Removed Media Query */