/* The single radius source for site actions and selection controls. */
:root {
    --button-radius: 18px;
}

:where(
    button:not(.sidebar-backdrop),
    .button,
    [role="button"],
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    .product-card-action,
    .category-filters a,
    .pagination a,
    .pagination .current,
    .pagination > span,
    .page-link,
    .nav-link,
    .quick-link,
    .section-nav a,
    .settings-tab,
    .site-nav > a,
    .drawer-links > a,
    .drawer-bottom > a,
    .footer-social,
    .opening-scroll,
    .listing-screen__next,
    .back-to-top
) {
    border-radius: var(--button-radius);
}

input[type="file"]::file-selector-button {
    border-radius: var(--button-radius);
}

@media (max-width: 650px) {
    :root {
        --button-radius: 16px;
    }
}