/* CSS 

https://getcssscan.com/css-buttons-examples

*/

 .adaptive-button7 {
      width: 200px;
      height: 50px;
      position: relative;
      background-color: #ff8c00;
      color: white;
      border-radius: 3px;
      border: 1px solid black;
      box-shadow: rgba(255, 255, 255, .7) 0 1px 0 0 inset;
  margin: 2px; /* Added margin to create space around each button */
  outline: none;
      cursor: pointer;
      overflow: hidden;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
    }
    
    .adaptive-button7 span {
      display: block;
      width: 90%; /* Leave a small margin */
      height: 90%;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .button-container7 {
      margin-bottom: 20px;
    }
    


.button-8 {
  background-color: #ff8c00;
  border-radius: 3px;
  border: 1px solid black;
  box-shadow: rgba(255, 255, 255, .7) 0 1px 0 0 inset;
  box-sizing: border-box;
  color: white !important;
  text-color: white;
  cursor: pointer;
  display: inline-block;
  /* font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif; */
  font-size: 13px;
  font-weight: 400;
  line-height: 1.15385;
  margin: 2px; /* Added margin to create space around each button */
  outline: none;
  padding: 8px .8em;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  white-space: nowrap;
}


.button-add {
  background-color: green;
  border-radius: 3px;
  border: 1px solid black;
  box-shadow: rgba(255, 255, 255, .7) 0 1px 0 0 inset;
  box-sizing: border-box;
  color: white !important;
  text-color: white;
  cursor: pointer;
  display: inline-block;
  /* font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif; */
  font-size: 13px;
  font-weight: 400;
  line-height: 1.15385;
  margin: 2px; /* Added margin to create space around each button */
  outline: none;
  padding: 8px .8em;
  position: relative;
  width: 200px;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  white-space: nowrap;
}
 

.button-8:visited { text-decoration: white !important; }
.button-8:link { text-decoration: white !important; }
.button-8:hover {  text-decoration: white !important; }
.button-8:focus {    text-decoration: white !important;  }


   /*background-color: #b3d3ea;
  color: #2c5777; */

/*
.button-8:focus {

  /*box-shadow: 0 0 0 4px rgba(0, 149, 255, .15); */

/*
.button-8:active {

   text-decoration: none;
  /*background-color: #a0c7e4;
  box-shadow: none;
  color: #2c5777; 
}
*/

.adaptive-button {

  width: 150px;         /* Fixed width */
  height: 40px;         /* Fixed height */
    display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff8c00;
  border-radius: 3px;
  border: 1px solid black;
  box-shadow: rgba(255, 255, 255, .7) 0 1px 0 0 inset;
  box-sizing: border-box;
  color: white !important;
  text-color: white;
  cursor: pointer;
  display: inline-block;
  /* font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif; */
  font-size: 16px;
  font-weight: 400;
  line-height: 1.15385;
  margin: 2px; /* Added margin to create space around each button */
  outline: none;
  padding: 8px .8em;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  white-space: nowrap;




}

.adaptive-button span {
  display: block;
  width: 100%;          /* Take up all available width */
  text-align: center;
  overflow: hidden;     /* Hide overflow */
  text-overflow: ellipsis; /* Show ellipsis for overflow text if needed */
  font-size: 1em;       /* Starting font size */
  white-space: normal;  /* Allow wrapping if needed */
  word-wrap: break-word; /* Break long words */
  line-height: 1.2;     /* Control line height */
  max-height: 100%;     /* Ensure text doesn't overflow vertically */
}