global.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. .ant-btn {
  2. min-height: 33px;
  3. padding: 0 20px;
  4. font-weight: 500;
  5. border-radius: 25px;
  6. }
  7. .ant-btn-primary {
  8. position: relative;
  9. z-index: 1;
  10. overflow: hidden;
  11. color: #fff;
  12. background: linear-gradient(to right, #8b0046, #460023);
  13. border: none !important;
  14. outline: none !important;
  15. box-shadow: none !important;
  16. }
  17. .ant-btn-primary::after {
  18. position: absolute;
  19. top: 0;
  20. left: 0;
  21. z-index: -1;
  22. width: 100%;
  23. height: 100%;
  24. content: '';
  25. background: #7a003d;
  26. opacity: 0;
  27. transition: opacity 0.3s ease;
  28. }
  29. .ant-btn-primary:hover {
  30. color: #fff;
  31. border: none !important;
  32. outline: none !important;
  33. box-shadow: none !important;
  34. }
  35. .ant-btn-primary:hover::after {
  36. opacity: 1;
  37. }
  38. .ant-btn-default {
  39. color: #000;
  40. background: transparent;
  41. border: 1px solid #000;
  42. }
  43. .ant-btn-default:hover {
  44. color: #fff !important;
  45. background: linear-gradient(to right, #8b0046, #460023);
  46. border: 1px solid #8b0046 !important;
  47. border-color: #8b0046;
  48. }
  49. .global-color {
  50. background-color: #5d1818;
  51. }
  52. .global-color:hover {
  53. background-color: #7a003d;
  54. }