// vue/app/shared/ThemeToggle/index.styl
// Стили исключительно для переключателя темы

.theme-toggle
  transition: all 0.3s ease
  position: relative
  overflow: hidden
  
  &::before
    content: ''
    position: absolute
    top: 0
    left: -100%
    width: 100%
    height: 100%
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent)
    transition: left 0.5s
    
  &:hover::before
    left: 100%

  svg
    transition: all 0.3s ease
    
  &:hover svg
    filter: drop-shadow(0 2px 4px rgba(214, 158, 46, 0.3))