_buttons.scss 758 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. // Buttons
  2. .btn-wrapper {
  3. display: flex;
  4. justify-content: center;
  5. margin-top: 24px;
  6. }
  7. .btn {
  8. display: inline-flex;
  9. align-items: center;
  10. justify-content: center;
  11. padding: 14px 32px;
  12. border-radius: 8px;
  13. font-size: 16px;
  14. font-weight: 600;
  15. line-height: 1.5;
  16. text-decoration: none;
  17. transition: all 0.3s ease;
  18. cursor: pointer;
  19. border: none;
  20. &--accent {
  21. background: var(--accent-color);
  22. color: #fff;
  23. &:hover {
  24. transform: translateY(-1px);
  25. box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  26. opacity: 0.9;
  27. }
  28. &:active {
  29. transform: translateY(0);
  30. box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  31. }
  32. }
  33. }