#modal-theme .theme-btn{
    display: flex;
    flex-direction: column;
    align-items: center;
	margin: 1rem;
    padding: .5rem;
    border-radius: .5rem;
	color: var(--modal-color);
    border: 3px solid transparent;
}
#modal-theme .theme-btn.active{
    border: 3px solid var(--primary-color-light);
}
#modal-theme .theme-btn .picto {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    width: 4rem; height: 4rem;
    border-radius: 1rem;
    color: hsl(0, 38%, 50%);
	background: linear-gradient(45deg, hsl(0, 38%, 95%) 49%, hsl(0, 38%, 5%) 51%);
    transition: background 0.3s ease-in-out;
}
#modal-theme .theme-btn:hover .picto {
    background: linear-gradient(45deg, hsla(0, 38%, 95%, .7) 49%, hsla(0, 38%, 5%, .7) 51%), var(--primary-color);
}

#modal-theme .theme-btn[data-value="light"] .picto {
    color: hsl(0, 38%, 20%);
	background: hsl(0, 38%, 95%);
}
#modal-theme .theme-btn[data-value="light"]:hover .picto {
	background: linear-gradient(hsla(0, 38%, 95%, .7), hsla(0, 38%, 95%, .7)), var(--primary-color);
}

#modal-theme .theme-btn[data-value="dark"] .picto {
    color: hsl(0, 38%, 80%);
	background: hsl(0, 38%, 5%);
}
#modal-theme .theme-btn[data-value="dark"]:hover .picto {
	background: linear-gradient(hsla(0, 38%, 5%, .7), hsla(0, 38%, 5%, .7)), var(--primary-color);
}