/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/* Container styling for the custom demo button */
.custom-demo-button-wrapper {
    margin-top: 10px !important; /* Space above the button */
    text-align: center !important; /* Center the button */
}

/* Button styling */
.custom-demo-button {
    background-color: #000000 !important; /* Black background color */
    color: #ffffff !important; /* White text color */
    padding: 10px 15px !important; /* Button padding */
    margin: 0 auto !important; /* Center the button */
    border-radius: 5px !important; /* Rounded corners */
    text-transform: uppercase !important; /* Uppercase text */
    font-weight: bold !important; /* Bold text */
    text-decoration: none !important; /* Remove underline */
    display: block !important; /* Ensure the button is block-level */
    transition: background-color 0.3s ease !important; /* Smooth transition */
    font-size: 12px !important; /* Adjust font size */
    text-align: center !important; /* Center the text within the button */
    max-width: auto !important; /* Make sure it takes the available width */
    width: auto !important; /* Adjust width */
}

/* Custom text padding inside the button for desktop */
.button-text {
    padding: 10px 10px !important; /* Padding inside the text for desktop */
    margin: 0 10px !important; /* Add margin to the left and right of the text */
    display: inline-block !important; /* Ensure the padding applies properly */
}

/* Hover state styling */
.custom-demo-button:hover {
    background-color: #333333 !important; /* Slightly darker color on hover */
}

/* Mobile responsiveness */
@media (max-width: auto) {
    .custom-demo-button {
        padding: 10px 15px !important; /* Adjust button padding for mobile */
        font-size: 12px !important; /* Maintain a slightly smaller font size */
        max-width: auto !important; /* Ensure full width on mobile */
        margin: 10px auto !important; /* Add margin and center the button */
    }

    /* Custom text padding for mobile */
    .button-text {
        padding: 12px 12px !important; /* Padding inside the text for mobile */
        margin: 0 auto !important; /* Auto margin for proper alignment */
    }
}