.DirectionButton.svelte-1c8laaj{text-align:center;font-family:supria-sans, sans-serif;font-weight:300;font-size:1.5rem;border-radius:50%;width:2rem;height:2rem;background:#00f;color:#fff;border:1px solid #00f;cursor:pointer;line-height:2rem}.DirectionButton.svelte-1c8laaj:hover{background:#fff;color:#00f}.DirectionButton.rotate.svelte-1c8laaj{transition:transform 0.3s ease-in-out}.DirectionButton.gray.svelte-1c8laaj{background:#f6f6f6;border:none}.DirectionButton.transparent.svelte-1c8laaj{background:transparent;border:none}
span.svelte-1iq3nnw{position:relative;top:-2px}span.gray.svelte-1iq3nnw,span.transparent.svelte-1iq3nnw{color:#000}