.w-15 {
  width: 15% !important;
}
#kavadi .btn-uri{
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545 !important;
  border-radius: 0;

  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: #dc3545;
  --bs-btn-hover-color: #dc3545;
  --bs-btn-hover-bg: #c82333;
  --bs-btn-hover-border-color: #bd2130;
}
#kavadi .btn-uri:hover{
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130 !important;
}
#kavadi .btn-mey{
  color: #fff;
  background-color: #28a745;
  border-color: #28a745 !important;
  border-radius: 0;

  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: #28a745;
  --bs-btn-hover-color: #28a745;
  --bs-btn-hover-bg: #218838;
  --bs-btn-hover-border-color: #1e7e34;
}
#kavadi .btn-mey:hover{
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34 !important;
}
#kavadi .btn-gra{
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107 !important;
  border-radius: 0;
  --bs-btn-color: #212529;
  --bs-btn-bg: #ffc107;
  --bs-btn-hover-color: #ffc107;
  --bs-btn-hover-bg: #e0a800;
  --bs-btn-hover-border-color: #d39e00;
}
#kavadi .btn-gra:hover{
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00 !important;
}
#kavadi .btn.sw {
  position: relative;
}
#kavadi .btn.sw::before {
  content: attr(data-text);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2em;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid white;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}