.elementor-337 .elementor-element.elementor-element-42f98ff2{--display:flex;--min-height:90vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:0% 0%;--row-gap:0%;--column-gap:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:0%;}@media(max-width:1024px){.elementor-337 .elementor-element.elementor-element-42f98ff2{--min-height:0px;--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}}/* Start custom CSS for html, class: .elementor-element-7848a88 */.custom-button {
    color: #fab315; /* Pink text color to match your existing style */
    background-color: transparent; /* Transparent background for a clean look */
    border: 2px solid #fab315; /* Pink border to frame the button */
    padding: 10px 20px; /* Add padding for a more defined button */
    text-align: center; /* Center the text */
    text-decoration: none; /* Remove underline */
    font-size: 16px; /* Standard readable font size */
    font-weight: bold; /* Make the text bold for emphasis */
    font-family: 'Arial', sans-serif; /* Simple, professional font */
    border-radius: 5px; /* Rounded corners for a modern look */
    display: inline-block; /* Ensure the button behaves correctly */
    transition: all 0.3s ease; /* Smooth transition for hover effects */
    cursor: pointer; /* Pointer cursor on hover */
}

.custom-button:hover {
    background-color: #e91e63; /* Fill the button with pink on hover */
    color: white; /* Change the text color to white on hover */
    transform: scale(1.05); /* Slight zoom effect on hover */
}

.custom-button:active {
    transform: scale(0.98); /* Slight press effect when clicked */
    background-color: #c2185b; /* Darker pink when the button is clicked */
}/* End custom CSS */