.ladder-button { position: fixed; bottom: 100px; right: 16px; width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg, #FFD700, #FFA500, #FF6347); border: 3px solid rgba(255, 255, 255, 0.3); box-shadow: 0 4px 20px rgba(255, 215, 0, 0.4), 0 0 30px rgba(255, 165, 0, 0.3); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 100; transition: all 0.3s ease; animation: float 3s ease-in-out infinite; } .ladder-button:active { transform: scale(0.9); } .ladder-button:hover { box-shadow: 0 6px 30px rgba(255, 215, 0, 0.6), 0 0 40px rgba(255, 165, 0, 0.5); transform: translateY(-2px); } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } .gift-icon { color: #fff; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)); animation: rotate 4s ease-in-out infinite; } @keyframes rotate { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(-10deg); } 75% { transform: rotate(10deg); } } /* Адаптация для темной темы */ [data-theme="dark"] .ladder-button { box-shadow: 0 4px 20px rgba(255, 215, 0, 0.5), 0 0 30px rgba(255, 165, 0, 0.4); }