/* Style for CAPTCHA container */
.captcha-container {
    display: inline-block; /* Keep the CAPTCHA and input field in-line */
    position: relative;
    margin-right: 10px; /* Adds space between image and input field */
}

/* Make the CAPTCHA image smaller and aligned next to the input */
.captcha-img {
    max-width: 115px; /* Smaller size for the image */
    height: 33px; /* Maintain a reasonable height */
    margin-right: 10px; /* Space between image and input */
    border: 1px solid #ccc; /* Optional: Adds a border to the image */
}

/* Style for the refresh button */
.captcha-refresh {
    position: absolute;
    top: 50%;
    right: -18px; /* Position the refresh icon next to the image */
    transform: translateY(-50%);
    background-color: #007bff; /* Button background */
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
}

    .captcha-refresh a {
        color: #fff;
        font-size: 14px; /* Adjust size of the icon */
        text-decoration: none;
    }

    /* Hover effect for refresh button */
    .captcha-refresh:hover {
        background-color: #0056b3;
    }

/* Style for the input field */
#captcha {
    width: 200px; /* Adjust width to align with CAPTCHA image */
    font-size: 14px; /* Adjust font size */
    border: 1px solid #ccc;
    border-radius: 5px;
}