<style>

        /* Style the button container */

        .button-container {

            text-align: center; /* Center the button horizontally */

        }

 

        /* Style the button */

        .button-container .Button--55zad0 {

            background-color: #8bced7;

            border: none;

            border-radius: 5px;

            cursor: pointer;

        }

 

        .button-container .Button--55zad0 span {

            color: #fffdff;

            padding: 10px 20px;

            display: block;

        }

 

        .button-container .Button--55zad0:hover {

            background-color: #fffdff;

        }

 

        .button-container .Button--55zad0:hover span {

            color: #8bced7;

        }

    </style>

<!-- Your button code with the added button-container class -->

<div class="button-container">

<div class="CtaButton--gj8nkc fsLmeT" data-component="CtaButton"><a class="AnchorNoStyle--e6wnd7 jejNot CtaButtonLink--qg45xq jEwHlG" tabindex="-1" href="https://shop.supervalu.ie/pancake-tuesday" target="" aria-label="Back to Pancake Tuesday" data-testid="link-testId"> <button class="Button--55zad0 SecondaryButton--1ql8m61 kKbYYD jCFEbc" tabindex="-1" role="button" type="button" data-testid="buttonComponent-testId" aria-disabled="false"> <span data-testid="CtaButton-testId">Back to Pancake Tuesday</span> </button> </a></div>

</div>