.elementor-51 .elementor-element.elementor-element-c9a8c71{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-51 .elementor-element.elementor-element-01ecd89{text-align:center;}.elementor-51 .elementor-element.elementor-element-01ecd89 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-51 .elementor-element.elementor-element-e9a93de.elementor-element{--align-self:center;}.elementor-51 .elementor-element.elementor-element-e9a93de .elementor-button{fill:var( --e-global-color-a80c96a );color:var( --e-global-color-a80c96a );border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;padding:10px 35px 10px 35px;}.elementor-51 .elementor-element.elementor-element-e9a93de .elementor-button:hover, .elementor-51 .elementor-element.elementor-element-e9a93de .elementor-button:focus{border-color:var( --e-global-color-a80c96a );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-51 .elementor-element.elementor-element-01ecd89 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-51 .elementor-element.elementor-element-01ecd89 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for button, class: .elementor-element-e9a93de */.alb {
    position: relative;
    overflow: hidden;
    background-color: initial; /* Default background color */
    color: initial; /* Default font color */
    border: none; /* Optional: Remove default borders if necessary */
    transition: color 0.3s ease, background-color 0.3s ease; /* Smooth transition for text and background */
}

.alb::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #C9897D; /* Hover background color */
    transform: scaleX(0); /* Initial state: Hidden */
    transform-origin: left; /* Animation starts from the left */
    z-index: 0; /* Ensure it stays behind the content */
    transition: transform 0.3s ease; /* Smooth scaling effect */
}

.alb:hover::before {
    transform: scaleX(1); /* Expand the background on hover */
}

.alb:hover a {
    color: white!important; /* Change text color to white */
}

.alb span, .alb a {
    position: relative;
    z-index: 1; /* Ensure the text/content appears above the background */
    transition: color 0.3s ease; /* Smooth text color transition */
}/* End custom CSS */