| 123456789101112131415161718192021222324252627282930313233343536 |
- // Локальные стили для модального окна
- .event-detail
- .event-stats
- .stat
- transition: all 0.3s ease
- border: 1px solid transparent
-
- &:hover
- border-color: #d69e2e
- transform: translateY(-2px)
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1)
- .action-buttons
- button
- transition: all 0.3s ease
- position: relative
- overflow: hidden
-
- &::before
- content: ''
- position: absolute
- top: 50%
- left: 50%
- width: 0
- height: 0
- background: rgba(255, 255, 255, 0.2)
- border-radius: 50%
- transform: translate(-50%, -50%)
- transition: width 0.6s, height 0.6s
-
- &:hover::before
- width: 300px
- height: 300px
-
- &:active
- transform: scale(0.98)
|