.whenride-clock {
    position: relative;
    width: 25px;
    height: 25px;
	margin: 0 auto;
	transition: transform ease-in-out .25s;
	cursor: pointer;
}

.whenride-clock:hover {
	transform: scale(1.25);
}

.clock-hours,
.clock-minutes,
.clock-seconds,
.clock-button {
    position: absolute;
    width: auto;
    left: 50%;
    bottom: 44%;
    transform-origin: bottom center;
}

.clock-base {
    position: absolute;
    width: 100%;
    height: 100%;
}

.clock-button {
    height: 15%;
    bottom: 50%;
    transform: translateX(-50%) translateY(90%);
    z-index: 3;
}

.clock-hours {
    height: 30%;
}

.clock-minutes {
    height: 35%;
}

.clock-seconds {
    height: 40%;
}