/* Long-Short Button */

    /* Set button default color */
    .btn-group button {
  border: 0px solid #7d7d7d; /* Green border */
  color: rgb(0, 0, 0); /* White text */
  padding: 10px 58px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  float: left; /* Float the buttons side by side */
 

}
/* Clear floats (clearfix hack) */
.btn-group:after {
  content: "";
  clear: both;
  display: table;
}

.btn-group button:not(:last-child) {
  border-right: none; /* Prevent double borders */
}

/* Add a background color on hover */
/* .btn-group button:hover {
  background-color: #3e8e41;
} */

/* change Color */
    /* Set button color on hover */
    /* .btn-primary:hover{
        background-color: #ba321d;
        border-color: #000000;
    } */
    /* Set button color when clicked on */
    /* Set button color when tabbed to (active) */
    .btn-active2{
        background-color: #04d1d2;
        border-color: #000000;
        border: 0px;
    }
    .btn-active3{
        background-color: #fba6a6;
        border-color: #000000;
        border: 0px;
    }

    /* Calculator button */
    .button-15 {
      /* padding: 15px 25px; */
      border: unset;
      border-radius: 15px;
      color: #04d1d2;
      z-index: 1;
      background: #e8e8e8;
      position: relative;
      left: 50px;
      font-weight: 1000;
      font-size: 17px;
      -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
      box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
      transition: all 250ms;
      overflow: hidden;
      padding: 10px 58px; 
     }
     
     .button-15::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 0;
      border-radius: 15px;
      background-color: #04d1d2;
      z-index: -1;
      -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
      box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
      transition: all 250ms
     }
     
     .button-15:hover {
      color: #e8e8e8;
     }
     
     .button-15:hover::before {
      width: 100%;
     }

     /* 123 */