.common-btn {
    font-family: "Helvetica Neue", sans-serif;
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 8px;
    border: 1px solid #ccc;
    transition: all 0.3s ease;
    color: white;
    align-items: center;
    text-align: center;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.common-btn:disabled {
    cursor: default;
    color: lightgray;
    background-color: gray;
    border: 1px solid #b3b3b3;
}

.common-btn-primary {
    background-color: cornflowerblue;
    border: 1px solid #a3c4f3;
}
.common-btn-primary:not(:disabled):hover {
    background-color: rgb(2, 64, 251);
}

.common-btn-primary-deep {
    background-color: rgba(46, 117, 182, 1);
    border: 1px solid #ccc;
}
.common-btn-primary-deep:not(:disabled):hover {
    background-color: rgba(2, 131, 251, 1);
}


.common-btn-secondary {
    background-color: #66cc99;
    border: 1px solid #a8ddc2;
}
.common-btn-secondary:not(:disabled):hover {
     background-color: rgb(16, 253, 3);
}

.common-btn-secondary-deep {
    background-color: rgba(84, 130, 53, 1);
    border: 1px solid #ccc;
}
.common-btn-secondary-deep:not(:disabled):hover {
    background-color: rgba(130, 238, 58, 1);
}


.common-btn-tertiary {
    background-color: rgb(224, 112, 71);
    border: 1px solid rgb(255, 196, 175);
}
.common-btn-tertiary:not(:disabled):hover {
    background-color: rgb(255, 128, 0);
}


.common-btn-tertiary-deep {
    background-color: rgb(141, 35, 31);
    border: 1px solid rgb(109, 20, 17);
}
.common-btn-tertiary-deep:not(:disabled):hover {
    background-color: rgb(194, 6, 0);
}

.common-btn-danger {
    background-color: #c4598e;
    border: 1px solid #e6a9c2;
}
.common-btn-danger:not(:disabled):hover {
    background-color: #f9027e;
}

.common-btn-danger2 {
    background-color: #B65ED3;
    border: 1px solid #DAAEE9;
}
.common-btn-danger2:not(:disabled):hover {
    background-color: #a500dc;
}

.common-btn-transparent {
    color:black;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0);
}

.common-btn-transparent:not(:disabled):hover {
    color:rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 1);
}

.common-btn-transparent2 {
    background-color: rgba(255, 255, 255, 0);
    color: white;
}

.common-btn-transparent2:not(:disabled):hover {
    background-color: rgba(255, 255, 255, 1);
    color: black;
}

.common-btn-white {
    color:black;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(1, 1, 1, 0.1);
}

.common-btn-white:not(:disabled):hover {
    color:rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 1);
}

.common-btn-cancel {
    color:white;
    background-color:gray; 
    border: 1px solid #b3b3b3;
}
.common-btn-cancel:not(:disabled):hover {
    background-color:rgb(71, 71, 71); 
}

.common-btn-disabled {
    cursor: default;
    color: lightgray;
    background-color: gray;
    border: 1px solid #b3b3b3;
}




.reverse-btn{
  font-family: "Helvetica Neue", sans-serif;
  color:black;
  background-color: rgba(255, 255, 255, 0);
  font-weight: bold;

  border-radius: 8px;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  transition: all 0.3s ease;
}
.reverse-btn:not(:disabled):hover{
    color:white;
}

.reverse-btn-primary:not(:disabled):hover {
    background-color: rgba(46, 117, 182, 1);
}

.reverse-btn-secondary:not(:disabled):hover {
    background-color: rgba(84, 130, 53, 1);
}

.reverse-btn-tertiary:not(:disabled):hover {
    background-color: rgba(191, 144, 0, 1);
}


.link-btn {
    font-family: "Helvetica Neue", sans-serif;
    border: none;
    background: none;
    color: #208dfb; 
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
    font-size: 16px;
    text-decoration: none;
}

.link-btn:not(:disabled):hover {
    color: #020aff;
    text-decoration: underline;
}


.decision-btn {
    font-family: "Helvetica Neue", sans-serif;
    user-select: none;
    cursor: pointer;
    transition: all 0.3s ease;
    color: white;
    align-items: center;
    font-weight:bold; 
    border-radius: 30px; 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.decision-btn:not(:disabled):hover {    
    filter: brightness(1.2);
}

.decision-btn-primary {
    background-color: cornflowerblue;
    border: 1px solid #a3c4f3;
}
.decision-btn-primary:not(:disabled):hover {
    background-color: rgb(2, 64, 251);
}

.decision-btn-secondary {
    background-color: #66cc99;
    border: 1px solid #a8ddc2;
}
.decision-btn-secondary:not(:disabled):hover {
    background-color: rgb(16, 253, 3);
}
.decision-btn-cancel {

    background-color:gray; 
    border: 1px solid #b3b3b3;
}
.decision-btn-cancel:not(:disabled):hover {
    background-color:rgb(71, 71, 71); 
}


.booking-common-btn {
    font-family: "Helvetica Neue", sans-serif;
    margin-top:0px; 
    margin-left:0px; 
    height:40px; 
    width:360px; 
    user-select:none;
    border-radius: 30px; 
    font-size:20px; 
    font-weight:bold; 
    color:white;
    cursor: pointer;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.booking-btn-primary {
    background-color: #006699;
    border: 1px solid #66a3c2; 
}
.booking-btn-primary:not(:disabled):hover {
    background-color:#0044ff;
}

.booking-btn-secondary {
    background-color: rgb(251, 104, 50);
    border: 1px solid rgb(253, 192, 162); 
}
.booking-btn-secondary:not(:disabled):hover {
    background-color:rgb(255, 68, 0);
}

.booking-btn-cancel {
    background-color:gray; 
    border: 1px solid #b3b3b3;
}
.booking-btn-cancel:not(:disabled):hover {
    background-color:rgb(71, 71, 71); 
}