.elementor-227 .elementor-element.elementor-element-7b7ad10{--display:flex;--min-height:653px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-227 .elementor-element.elementor-element-7b7ad10:not(.elementor-motion-effects-element-type-background), .elementor-227 .elementor-element.elementor-element-7b7ad10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://scentzi.com/wp-content/uploads/2025/06/man2-scaled.gif");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-227 .elementor-element.elementor-element-d401c81{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-227 .elementor-element.elementor-element-d05b32f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-227 .elementor-element.elementor-element-d05b32f.e-con{--align-self:flex-end;}.elementor-227 .elementor-element.elementor-element-c88c53b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-227 .elementor-element.elementor-element-d401c81{--width:50%;}.elementor-227 .elementor-element.elementor-element-d05b32f{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-bb77384 *//* Common styling for all quiz buttons */
.scentzi-quiz-button {
    background-color: #ff8c42; /* Example: Your orange/brown button color */
    color: #ffffff; /* White text */
    padding: 15px 30px;
    border: none;
    border-radius: 5px;
    font-size: 1.2em;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-align: center; /* Ensures text is centered */
    display: inline-block; /* Allows margins and padding correctly */
    text-decoration: none; /* If it were an <a> tag */
    font-weight: bold; /* Make text bold if you want */
}

.scentzi-quiz-button:hover {
    background-color: #e67a36; /* Slightly darker on hover */
}

/* Wrapper for buttons to ensure they are centered below their respective elements */
.scentzi-button-wrapper {
    text-align: center; /* Centers the button inside its container */
    margin-top: 20px; /* Space above the button, adjust as needed */
    margin-bottom: 20px; /* Space below the button, adjust as needed */
    /* If your Elementor column/card has padding, this will align it correctly */
}

/* Specific adjustments for Elementor column layouts if needed */
/* If your columns are narrow and buttons wrap, you might need to adjust column width */
.elementor-column {
    display: flex;
    flex-direction: column; /* Stacks content vertically */
    justify-content: space-between; /* Pushes content and button to top/bottom */
    align-items: center; /* Centers content horizontally within column */
    /* You might need to adjust min-height on columns if content is uneven */
}

/* Ensure images in Elementor columns fit */
.elementor-column img {
    max-width: 100%;
    height: auto;
}

/* You might need to inspect your Elementor specific classes for text/image cards
   and adjust margins/paddings if the buttons don't align perfectly. *//* End custom CSS */