/* ==========================================================================
   floating-icon.css
   Floating icon placed over the map in its lower right corner.
   ========================================================================== */

.floating-icon {
    position: absolute;
    bottom: 16px;
    right: 16px;
    cursor: pointer;
    border-radius: 100px;
    background: var(--color-gray-90);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 8px;
    aspect-ratio: 1 / 1;
    z-index: 10;
}