.block-country-selector {
    display: grid;
    gap: 1em;

    .notice {
        background-color: var(--wp--preset--color--primary-orange-300);
        border-radius: var(--border-radius-regular);
        border: solid 1px var(--wp--preset--color--primary-orange-400);
        padding: 1em;
        font-weight: 500;
        max-width: 60ch;
        margin: 0;
    }

    h3 {
        border-bottom: solid 1px var(--wp--preset--color--primary-navy-200);
        padding-bottom: 0.6em;
        margin-block: 0.2em 0.4em;
    }

    nav {
        display: flex;
        flex-flow: row wrap;
        gap: 1.5em;

        > * {
            background-color: var(--wp--preset--color--primary-navy-100);
            text-decoration: none;
            padding: 0.5em 0.8em;
            align-items: center;
            border-radius: 8px;
            display: flex;
            gap: 0.5em;

            &[data-active="1"] {
                background-color: var(--wp--preset--color--primary-navy-900);
                color: var(--wp--preset--color--white);
            }

            &:is(a) {
                &:hover {
                    text-decoration: underline;
                }
            }

            img {
                border-radius: 50%;
                aspect-ratio: 1;
                width: 24px;
            }
        }
    }
}