.elementor-534 .elementor-element.elementor-element-99b0f3f{width:100%;max-width:100%;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-534 .elementor-element.elementor-element-93d6862 .elementor-button{background-color:#A2222B;font-family:"DM Sans", Sans-serif;font-size:21px;font-weight:bold;fill:#FFFFFF;color:#FFFFFF;border-radius:30px 30px 30px 30px;padding:16px 20px 16px 20px;}@media(max-width:767px){.elementor-534 .elementor-element.elementor-element-93d6862{width:100%;max-width:100%;}.elementor-534 .elementor-element.elementor-element-93d6862 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-534 .elementor-element.elementor-element-93d6862 .elementor-button{padding:18px 18px 18px 18px;}}/* Start custom CSS for html, class: .elementor-element-99b0f3f */.elementor-534 .elementor-element.elementor-element-99b0f3f .hcp-button {
    background-color: #009988 !important;
    box-shadow: 0px 0px 0px 0px !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    border-radius: 50px;
    padding: 16px 50px !important;
    text-transform: capitalize!important;
    width: 100%;
    text-align: center;
    justify-content:center;
}



/* Text above fill */
.elementor-534 .elementor-element.elementor-element-99b0f3f .hcp-button {
    position: relative;
    z-index: 2 !important;
    transition: color .4s ease;
    text-align: center;
}

.elementor-534 .elementor-element.elementor-element-99b0f3f .hcp-button::before {
    content: 'book now';
    position: absolute;
    background: #A2222B;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

    /* Center text */
    display: flex;
    align-items: center;
    justify-content: center;

    /* Fill animation */
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .4s ease;

    z-index: 0 !important;
    color: #fff;              /* optional – the fill text color */
    font-weight: inherit;     /* match button font */
    font-size: inherit;       /* match button font */
}

/* Fill animation */
.elementor-534 .elementor-element.elementor-element-99b0f3f .hcp-button:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}

/* Hover text color */
.elementor-534 .elementor-element.elementor-element-99b0f3f .hcp-button:hover {
    color: #000 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-93d6862 */.elementor-534 .elementor-element.elementor-element-93d6862 .elementor-button-icon svg {
    height: auto;
    width: 48px;
    margin-top: -14px
}
/* Wrapper must be relative for pseudo */
.elementor-534 .elementor-element.elementor-element-93d6862 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

/* Background fill */
.elementor-534 .elementor-element.elementor-element-93d6862 .elementor-button::before {
    content: '';
    position: absolute;
    background: #009988;  /* <-- Fill color */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: right; /* <-- Fill direction OUT */
    transition: transform .4s ease; /* <-- Fill speed */
    z-index: 0;
}

/* Hover fill animation */
.elementor-534 .elementor-element.elementor-element-93d6862 .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: left; /* <-- Fill direction IN */
}

/* Text above fill */
.elementor-534 .elementor-element.elementor-element-93d6862 .elementor-button-text {
    z-index: 2;
    position: relative;
    transition: color .4s ease;
}

/* Icon handling */
.elementor-534 .elementor-element.elementor-element-93d6862 .elementor-button-icon {
    z-index: 2;
    position: relative;
    transform: scale(1); /* <-- Icon size */
    padding-left: 0;
    transition: color .4s ease;
}

/* Hover effects for text + icon */
.elementor-534 .elementor-element.elementor-element-93d6862 .elementor-button:hover .elementor-button-text,
.elementor-534 .elementor-element.elementor-element-93d6862 .elementor-button:hover .elementor-button-icon {
    color: #fff; /* <-- Text + icon hover color */
}/* End custom CSS */