/* buttons.css — cleaned and modular version */
/* Animation classes moved to animations.css */

#contact_button,
#theme_toggle,
#toggle_all,
#reset_all {
    aspect-ratio: 1 / 1;
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    transition: opacity 0.5s ease-in-out, background-color 0.5s ease;
    /*
    color: var(--button_bg);
    */
    margin-left: 0.5rem;
    border-radius: 50%;
}

#theme_toggle {
    position: center;
    top: 1rem;
    right: 1rem;
}


/* Light theme hover effect */
[data-theme="light"] #contact_button,
[data-theme="light"] #theme_toggle,
[data-theme="light"] #toggle_all,
[data-theme="light"] #reset_all {
    background-color: var(--button_bg);
}

[data-theme="light"] #contact_button:hover,
[data-theme="light"] #theme_toggle:hover,
[data-theme="light"] #toggle_all:hover,
[data-theme="light"] #reset_all:hover {
    background-color: var(--button_bg_h);
}


/* Dark theme hover effect */
[data-theme="dark"] #contact_button,
[data-theme="dark"] #theme_toggle,
[data-theme="dark"] #toggle_all,
[data-theme="dark"] #reset_all {
    background-color: var(--button_bg);
}

[data-theme="dark"] #contact_button:hover,
[data-theme="dark"] #theme_toggle:hover,
[data-theme="dark"] #toggle_all:hover,
[data-theme="dark"] #reset_all:hover {
    background-color: var(--button_bg_h);
}


/*
#theme_toggle.fade {
    opacity: 0;
}
*/