/* Style for the badge */
/* Move the badge inside the footer module */
#hs_cos_wrapper_footer-module-1 .custom-badge {
    position: absolute;
    left: 0;
    top: -25px; /* Adjust this value to move the badge up further */
}

/* Custom Mobile Menu Styles */

  /* Styles for the 'Enquire Now' CTA Button */
div.forest_had a {
    background-color: #0d8ccf; /* Blue background, matching the hamburger menu icon */
    color: #fff; /* White text color */
    padding: 10px 20px; /* Adjust padding for better button sizing */
    border-radius: 6px; /* Rounded corners for a modern look */
   text-decoration: none !important; /* Removes underline from the link */
    border-bottom: none !important; /* Removes any bottom border */
    display: inline-block; /* Allows padding and border-radius to be applied */
    /* Additional styles (font size, font weight, etc.) can be added here */
}

@media screen and (max-width: 900px) {
    /* Styles for the mobile menu container */
    .mainmenu .hs-menu-flow-horizontal {
        background-color: white; /* Setting the background to white */
    }

    /* Styles for the mobile menu items */
    .mainmenu .hs-menu-flow-horizontal ul li a {
        color: gray; /* Setting the text color to gray */
    }

    /* If the menu items have hover effects, you may also want to update these */
    .mainmenu .hs-menu-flow-horizontal ul li a:hover {
        color: gray; /* Example color for hover state */
    }

    /* Additional styling for sub-menu items if needed */
    .mainmenu .hs-menu-flow-horizontal > ul ul li a {
        color: gray; /* Ensuring sub-menu items are also gray */
    }

      /* Styles for the plus icons */
.mainmenu .child-triggerm::before {
        content: '+'; /* Creating a text-based plus icon */
        color: gray; /* Setting the color of the plus icon */
        font-size: 16px; /* Adjust the size as needed */
        /* Add other styling properties as required */
    }

    /* Hide the original line in the 'X' icon when the menu is open */
    .mobile-open a.mobile-trigger i {
        background-color: transparent; /* Hide the middle line */
    }

    /* Style the :before and :after pseudo-elements to form the 'X' */
    .mobile-open a.mobile-trigger i:before,
    .mobile-open a.mobile-trigger i:after {
        background-color: gray; /* Change the color of the 'X' parts to gray */
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .mobile-open a.mobile-trigger i:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
  
  a.mobile-trigger {
    background: #0d8ccf; /* Updated background color */
    border-radius: 6px;
    cursor: pointer;
    display: inline-block!important;
    font-size: 16px;
    font-weight: 400;
    height: 44px;
    padding: 12px 10px;
    position: absolute;
    right: 15px;
    text-align: left;
    text-transform: uppercase;
    top: 19px;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear, color .2s ease-in;
    width: 44px;
    z-index: 99999999999;
}

<a target="_parent" href="https://www.addtoevent.co.uk/x-event-solutions">
    <img src="https://www.addtoevent.co.uk/sites/default/files/badges/top_rated_circular_purple_medium.png" alt="Add To Event Featured Supplier">
</a>