@layer components {
    :root {
        --island-bridges-pad-status: var(--secondary-label);
    }

    .island-bridges-pad {
        display: grid;
        gap: 0.5rem;
    }

    .island-bridges-pad__status {
        color: var(--island-bridges-pad-status);
        font-size: 0.9375rem;
        margin: 0;
        min-block-size: 2.5rem;
        text-align: center;
    }

    .island-bridges-pad__undo {
        display: grid;
    }

    .island-bridges-pad__undo-button {
        inline-size: 100%;
        min-block-size: 3rem;
    }
}