.compass{border:2px solid #ccc;border-radius:50%;width:100px;height:100px;margin:0;position:relative}.compass-point{cursor:pointer;background:#eee;border:none;border-radius:50%;padding:4px;font-size:9px;position:absolute;transform:translate(-50%,-50%)}.compass-point.active{color:#fff;background:#007bff}.compass-center{color:#fff;cursor:pointer;background:#333;border:none;border-radius:50%;padding:5px 7px;font-size:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}