/* Button Styles */
.btn-green {
  background-color: #16a34a;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 1.5rem;
  cursor: pointer;
  border: none;
}

.btn-blue {
  background-color: rgb(44 153 206);
  padding: .5rem .9rem;
  border-radius: 999px;
  border: none;
  color:white;
  cursor:pointer;
  box-shadow: 0 6px 18px rgba(2,6,23,0.08);
  transition: transform .12s ease, background-color .12s ease, box-shadow .12s;
  font-weight:600;
}
.btn-blue:hover {
  background-color: #1e3a8a;
}

.btn-red {
  background-color: #ef4444;
  padding: .5rem .9rem;
  border-radius: 999px;
  border: none;
  color:white;
  cursor:pointer;
  box-shadow: 0 6px 18px rgba(2,6,23,0.08);
  transition: transform .12s ease, background-color .12s ease, box-shadow .12s;
  font-weight:600;
}
.btn-red:hover {
  background-color: #dc2626;
}

.btn-yellow {
  background-color: #f59e0b;
  padding: .5rem .9rem;
  border-radius: 999px;
  border: none;
  color:white;
  cursor:pointer;
  box-shadow: 0 6px 18px rgba(2,6,23,0.08);
  transition: transform .12s ease, background-color .12s ease, box-shadow .12s;
  font-weight:600;
}
.btn-yellow:hover {
  background-color: #d97706;
}

.btn-disabled {
  background-color: #94a3b8;
  padding: .5rem .9rem;
  border-radius: 999px;
  border: none;
  color:white;
  cursor:not-allowed;
  box-shadow: 0 6px 18px rgba(2,6,23,0.08);
  font-weight:600;
}

.btn-disabled:hover{
  cursor: not-allowed;
}

.heading{
  color: rgb(44 153 206);
}