.ctoa-section{
    border-radius: 1.5em;
    background-color: #1FBBA6;
    color: white;
}
.button-container{
    padding: 1em 0px;
    display: flex;
    justify-content: space-between;
}

.ctoa-button{
    background :#1FBBA6;
    box-shadow: 0px 14px 44px rgb(173 168 168 / 25%);
    border-radius: 1.5em;
    border : 1px solid #FEFEFE;
    padding: 0.5em;
    margin-top: 2%;
    margin-bottom: 2% ;
}

.ctoa-text{
    font-family: 'Inter';
    font-weight: 500;
    padding:0px 1em;
    font-size: 1.25em;
    display: flex;
    align-items: center;

    & p{
        margin: 0px !important;
    }
}
.ctoa-button-content{
    padding: 0.5em;
    color: #4ebca7 !important;
}
.ctoa-align{
    padding: 0.75em 0.6em;
    border-radius: 1.5em;
    background-color: #FFFFFF;
    color: #4ebca7;
}

/* .ctoa-text{
    width: 60%;
} */

.ctoa-button-container{
    /* width: 40%; */
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 900px){

  .button-container{
    flex-direction: column;
  }
  .ctoa-section{
      padding-top: 10px !important;
  }
  .button-container{
      padding: 0px;
  }
  .ctoa-text{
      width: 100%;
      padding-bottom: 10px !important;
  }
  .ctoa-align{
      position: relative !important;
      padding: 10px 20px;
      padding-bottom: 12px !important;
      right:auto !important;
      margin: 10px 0px;
  }
  .ctoa-button-container{
      text-align: center !important;
      width: 100% !important;
      display: block;
      padding: 1em;
  }
  .ctoa-button-content{
      padding: 20px !important;
  }
}