.phoneInput {
    :global {
        .iti {
            width: 100%;
        }

        .iti__selected-country {
            padding: var(--givewp-spacing-2);
            padding-left: var(--givewp-spacing-4);
            width: 6.625rem;
        }

        .iti__arrow {
            background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E');
            background-position: center;
            background-repeat: no-repeat;
            background-size: 1rem;
            border: 0;
            height: 1rem;
            margin-left: auto;
            width: 1rem;

            &.iti__arrow--up {
                transform: rotate(180deg);
            }
        }
    }
}
