:root {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.header__dark-mode-button{
    max-height: 30px;
    position: relative;
    padding: 0;
    background-color: unset;
    border: none;
}

.header__dark-mode-button {
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.dark-mode-button__dark,.dark-mode-button__light{
    display: flex;
}