.open-info .icon {
    margin-right:10px;
    display:inline-block;
    vertical-align: text-bottom;
}
.open-text {

    display:inline-block;
}

.circle {
    fill: none;
    stroke: #000;
    stroke-width: 30;
    stroke-miterlimit: 10;
}

.mid-circle {
    fill: #000;
}

.hour-arm {
    fill: none;
    stroke: #000;
    stroke-width: 25;
    stroke-miterlimit: 10;
}

.minute-arm {
    fill: none;
    stroke: #000;
    stroke-width: 25;
    stroke-miterlimit: 10;
}

/* Transparent box ensuring arms center properly. */
.sizing-box {
    fill: none;
}

/* Make all arms rotate around the same center point. */
/* Optional: Use transition for animation. */
.hour,
.minute {
    transform-origin: 300px 300px;
}