/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Target the parent container to enable stacking (via flex-direction: column) 
   and center the group of buttons horizontally (via align-items: center). */
.linktree-btn {
  display: flex; /* Enable flexbox */
  flex-direction: column; /* Stack children (buttons) vertically */
  align-items: center; /* Center the buttons horizontally within .linktree-btn */
  /* Add some gap between the stacked buttons (optional but recommended) */
  gap: 15px; 
}

/* Ensure the wrapper also allows for centering if it's the immediate parent */
.linktree-btn .btn-wrapper {
  /* You may need to set width: 100% here if .btn-wrapper has a fixed size */
  width: 100%; 
  text-align: center; /* Fallback for centering block-level elements/text inside */
}

/* Modify the button itself */
.linktree-btn .btn-wrapper .cta-button {
  /* Remove the fixed width so the button can be full width of its container,
     which helps with vertical stacking and visual consistency. */
  width: 100%; 
  max-width: 250px; /* Optional: Set a maximum width for better appearance on large screens */
  text-align: center; /* Ensure the text *inside* the button is centered */
}

/*  Daisy attemp 1 .Link 3 button */
.cta-group .btn-wrapper {
  width: 260px;
  max-width: 100%;
  margin: 0 auto;
}

.cta-group .cta-button {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  min-height: 48px;
}

@media (max-width: 767px) {
  .cta-group .btn-wrapper {
    width: 100%;
  }
}.cta-group .btn-wrapper {
  width: 260px;
  max-width: 100%;
  margin: 0 auto;
}

.cta-group .cta-button {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  min-height: 48px;
}

@media (max-width: 767px) {
  .cta-group .btn-wrapper {
    width: 100%;
  }
}

/* Daisy attemp 2.  Link 3 button  */
<style>
  .cta-group .btn-wrapper {
    width: 260px;
    max-width: 100%;
    margin: 0 auto;
  }

  .cta-group .cta-button {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    min-height: 48px;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
  }

  @media (max-width: 767px) {
    .cta-group .btn-wrapper {
      width: 100%;
    }
  }
</style>