.direction{position:relative;margin-top:2.1875rem;display:flex;width:16.875rem;height:16.875rem;align-items:center;justify-content:center;margin:0 auto}.direction-value{position:relative;font-size:6.25rem;color:#353535;line-height:1;z-index:1}.direction-degree{position:absolute;top:0;right:-1.25rem;font-size:1.875rem}.bg-compass{position:absolute;top:0;left:0;width:16.875rem;height:16.875rem;transition:.1s}.bg-compass-line{position:absolute;left:8.34375rem;top:-.3125rem;width:.1875rem;height:1.75rem;background-color:#1aad19;border-radius:31.21875rem;z-index:1}
