Cannot read reading 'style.transformation

So, I'm trying to make a simple analog clock for my first project but after trying so many times, I cannot understand why my style.transform is undefined(?)as seen on my inspect element and the clock didn't move as I wanted.

here is my code

const secondHand = document.querySelector('.second-hand');
const minsHand = document.querySelector('.min-hand');
const hourHand = document.querySelector('.hour-hand');

function setDate() {
    const now = new Date();

    const seconds = now.getSeconds();
    const secondsDegrees = ((seconds / 60) * 360) + 90;
    secondHand.style.transform = 'rotate(${secondsDegrees}deg)';

    const mins = now.getMinutes();
    const minsDegrees = ((mins / 60) * 360) + ((seconds / 60) *6) + 90;
    minsHand.style.transform = 'rotate(${minsDegrees}deg)';

    const hour = now.getHours();
    const hourDegrees = ((hour / 60) * 360) + ((mins / 60) * 30) + 90;
    hourHand.style.transform = 'rotate(${hourDegrees}deg)';

}

setInterval(setDate, 1000);

setDate();