.theme-toggle {
    background-color: none !important;
    border: none !important;
    border-radius: 50% !important;
    width: 42px !important;
    height: 42px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.3rem !important;
    padding: 0 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
}

@keyframes spinScale {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform:  rotate(360deg);
  }
}

.theme-toggle:hover {
    background-color: var(--dropdown-hover) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
    animation: spinScale 1s linear infinite !important;
}

.theme-toggle:active {
    transform: scale(0.95) !important;
}