.dd-compass{
    /* display: flex;
    flex-direction: column; */
    display: grid;
    grid-template-rows: auto; 
    gap:5px;
    align-items: center;
    justify-content: center;
}

.dd-compass-background {
    background: white;
    border-radius: 99px;
    line-height: 0;
    height: var(--dd-button-height-small);
    min-width: var(--dd-button-height-small);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform var(--dd-animation-time) var(--dd-animation-easing);
}

.dd-compass-icon {
    fill:black;
    transform: rotate(-45deg) translate(-1px, 1px);
}