@keyframes rotating-button {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

button.activated {
    border-radius: 50%;
    box-shadow: unset;
    aspect-ratio: 1/1;
    animation: rotating-button 1s linear infinite;
}

button {
    color: var(--button-green-color);
    background-color: var(--button-background-color);
    border: var(--button-border);
    border-radius: .5rem;
    padding: .1rem .2rem;
    max-width: fit-content;
    box-shadow: inset -2px -2px 4px 1px var(--button-shadow);
    transition: border-radius 1000ms, box-shadow 1000ms, height 1000ms
}