#change-mode{position:relative;flex-direction:column;height:100%;max-height:40px;overflow:hidden}.theme-toggle{border-radius:4px;display:flex;justify-content:center;align-items:center;min-width:40px;transition:1s ease;cursor:pointer;border:2px solid var(--amarelo-primario)}.sun-box{width:100%;height:40px;display:flex;justify-content:center;align-items:center;border-radius:4px;position:relative;transition:1s ease}.moon-box circle{opacity:1}.moon-box:hover path{animation:blink;animation-duration:.8s}@keyframes blink{0%{opacity:1}25%{opacity:0}50%{opacity:1}to{opacity:0}}.sun-box:hover svg{animation:grow;animation-duration:.8s}@keyframes grow{0%{scale:1}25%{scale:1.1}50%{scale:1.2}to{scale:1}}.mode{width:100%;height:100px;position:relative;top:20px;transition:1s ease}.moon-box{width:100%;height:40px;display:flex;justify-content:center;border-radius:4px;position:relative;align-items:center}.moon-box svg{rotate:180deg}.moon-box .dot{width:1px;height:1px;background-color:#fff;position:absolute}.change-mode-mobile{display:flex;gap:15px;align-items:center}.change-mode-mobile span{color:#fff;text-decoration:none;font-size:14px;font-weight:700}