.btn:not(.btn-link) {
    padding: 0.75rem 1.5625rem;
    line-height: 1;
}
.btn:disabled {
    cursor: not-allowed !important;
    box-shadow: none !important;
    background-color: #ebebeb !important;
    color: #000000 !important;
    border-color: #ebebeb !important;
}
  
  
.btn-sm:not(.btn-link) {
    height: 1.625rem;
    max-height: 1.625rem;
    padding: 0.3125rem 1.5625rem;
}
  
.btn-lg:not(.btn-link) {
    height: 3.375rem;
    max-height: 3.375rem;
    padding: 0.9375rem 1.5625rem;
}
  
.btn-primary {
    background-color: #00babe;
    color: #fff;
    border-color: #00babe;
    font-weight: 500;
    box-shadow: 0px 1px 3px #00a3b333;
    transition: all 0.2s ease-in-out;
}

.btn-primary:hover {
    background-color: #00a3b3;
    color: #fff;
    border-color: #00a3b3;
    box-shadow: 0px 2px 3px #00778280;
}
  
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #008b99;
    color: #fff;
    border-color: #008b99;
    box-shadow: 0px 0px 4px #0077827f;
}
  
.btn-primary:focus {
    background-color: #008b99;
    color: #fff;
    border-color: #008b99;
    box-shadow: 0px 0px 4px #0077827f;
}
  
.btn-secondary {
    background-color: #ffffff;
    color: #00a3b3;
    border-color: #00a3b3;
    font-weight: 500;
    box-shadow: none;
    transition: all 0.2s ease-in-out;
}
  
.btn-secondary:hover {
    background-color: #f7f7f7;
    color: #00a3b3;
    border-color: #00a3b3;
    box-shadow: 0px 2px 3px #0077827f;
}
  
.btn-secondary:not(:disabled):not(.disabled):active {
    background-color: #f7f7f7;
    color: #00a3b3;
    border-color: #00a3b3;
    box-shadow: 0px 0px 4px #0077827f;
}
  
.btn-secondary:focus {
    background-color: #f7f7f7;
    color: #00a3b3;
    border-color: #00a3b3;
    box-shadow: 0px 0px 4px #0077827f;
}
  
.btn-danger {
    background-color: #bf3516;
    color: #ffffff;
    border-color: #bf3516;
    font-weight: 500;
    box-shadow: 0px 1px 3px #c2361633;
    transition: all 0.2s ease-in-out;
}
  
.btn-danger:hover {
    background-color: #a62e13;
    color: #ffffff;
    border-color: #a62e13;
    box-shadow: 0px 2px 4px #bf351680;
}
  
.btn-danger:not(:disabled):not(.disabled):active {
    background-color: #a62e13;
    color: #ffffff;
    border-color: #a62e13;
    box-shadow: 0px 0px 4px #bf351680;
}
  
.btn-danger:focus {
    background-color: #a62e13;
    color: #ffffff;
    border-color: #a62e13;
    box-shadow: 0px 0px 4px #bf351680;
}
  
.btn-success {
    background-color: #088f5d;
    color: #ffffff;
    border-color: #088f5d;
    font-weight: 500;
    box-shadow: 0px 1px 3px #088f5d33;
    transition: all 0.2s ease-in-out;
}
  
.btn-success:hover {
    background-color: #128057;
    color: #ffffff;
    border-color: #128057;
    box-shadow: 0px 2px 4px #088f5d80;
}
  
.btn-success:not(:disabled):not(.disabled):active {
    background-color: #128057;
    color: #ffffff;
    border-color: #128057;
    box-shadow: 0px 0px 4px #088f5d80;
}
  
.btn-success:focus {
    background-color: #128057;
    color: #ffffff;
    border-color: #128057;
    box-shadow: 0px 0px 4px #088f5d80;
}