.bespoke-btn {
    transition: all 0.5s;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 600;
    padding: 10px 32px;
    border-radius: 0px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
  }

  .bespoke-btn:hover {
    text-decoration: underline;
  }

  /*wide button additional padding*/
  .bespoke-btn-wide {
    padding: 10px 64px !important; 
    min-width: 250px;
  }

  /*solid button common styles*/
  .bespoke-btn-blue, 
  .bespoke-btn-darkBlue, 
  .bespoke-btn-cobalt,
  .bespoke-btn-purple,
  .bespoke-btn-pink {
    border: none !important;
    color: #fff;
  }
  .bespoke-btn-lightBlue,
  .bespoke-btn-skyBlue,
  .bespoke-btn-pacificBlue {
    border: none !important;
    color: #000;
  }
    /*white button common styles*/
    .bespoke-btn-whiteBlue,
    .bespoke-btn-whiteDarkBlue,
    .bespoke-btn-whiteCobalt,
  .bespoke-btn-whitePurple {
    background-color: #fff;
    border: 1px solid;

  }

  /*solid button colours*/
  .bespoke-btn-blue {
    background-color: #00338d !important;
  }
  .bespoke-btn-blue:hover {
    background-color: #1e49e2 !important;
  }
  .bespoke-btn-darkBlue {
    background-color: #0C233C !important;
  }
  .bespoke-btn-darkBlue:hover {
    background-color: #00338d !important;
  }
  .bespoke-btn-cobalt {
    background-color: #1e49e2 !important;
  }
  .bespoke-btn-cobalt:hover {
    background-color: #00338d !important;
  }
  .bespoke-btn-purple {
    background-color: #7213ea !important;
  }
  .bespoke-btn-purple:hover {
    background-color: #8e42ee !important;
  }
  .bespoke-btn-pink {
    background-color: #FD349C !important;
  }
  .bespoke-btn-pink:hover {
    background-color: #ab0d82 !important;
  }
  .bespoke-btn-lightBlue {
    background-color: #ACEAFF !important;
  }
  .bespoke-btn-lightBlue:hover {
    background-color: #00B8F5 !important;
  }
  .bespoke-btn-skyBlue {
    background-color: #76d2ff !important;
  }
  .bespoke-btn-skyBlue:hover {
    background-color: #00B8F5 !important;
  }
  .bespoke-btn-pacificBlue {
    background-color: #00B8F5 !important;
  }
  .bespoke-btn-pacificBlue:hover {
    background-color: #76d2ff !important;
  }

  /*white button colours*/
  .bespoke-btn-whiteDarkBlue {
    color: #0C233C;
    border: 1px solid #0C233C;
  }
  .bespoke-btn-whiteDarkBlue:hover {
    color: #fff;
    background-color: #0C233C;
  }
  .bespoke-btn-whiteBlue {
    color: #00338D;
    border: 1px solid #00338D;
  }
  .bespoke-btn-whiteBlue:hover {
    color: #fff;
    background-color: #00338D;
  }
  .bespoke-btn-whiteCobalt {
    color: #1E49E2;
    border: 1px solid #1E49E2;
  }
  .bespoke-btn-whiteCobalt:hover {
    color: #fff;
    background-color: #1E49E2;
  }
  .bespoke-btn-whitePurple {
    color: #7213ea;
    border: 1px solid #7213ea;
  }
  .bespoke-btn-whitePurple:hover {
    color: #fff;
    background-color: #7213ea;
  }
  /*custom class for manual config*/
  .bespoke-btn-custom {
    background-color: transparent !important;
    border: 1px solid #fff !important;
    color: #fff;
  }