shalu-velofex/apps/web-velofex/src/styles/global.scss

.ant-btn {
  min-height: 33px;
  padding: 0 20px;
  font-weight: 500;
  border-radius: 25px;
}

.ant-btn-primary {
  position: relative;
  z-index: 1;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(to right, #8b0046, #460023);
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.ant-btn-primary::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: '';
  background: #7a003d;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.ant-btn-primary:hover {
  color: #fff;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.ant-btn-primary:hover::after {
  opacity: 1;
}

.ant-btn-default {
  color: #000;
  background: transparent;
  border: 1px solid #000;
}

.ant-btn-default:hover {
  color: #fff !important;
  background: linear-gradient(to right, #8b0046, #460023);
  border: 1px solid #8b0046 !important;
  border-color: #8b0046;
}

.global-color {
  background-color: #5d1818;
}

.global-color:hover {
  background-color: #7a003d;
}