:root {
    --press-feedback-shadow: 0 8px 18px var(--shadow-card);
    --press-feedback-curve: cubic-bezier(0.2, 0, 0, 1);
    --press-feedback-transition: box-shadow 180ms var(--press-feedback-curve), background-color 180ms ease-out;
}

:is(
    button,
    input[type="button"],
    input[type="submit"],
    a[type="button"],
    .btn,
    .dropdown-item,
    .pill-btn,
    .nav-dropdown__trigger,
    .nav-dropdown__item,
    .settings-nav-link,
    .pill-action-btn,
    .pill-toggle-btn,
    .floating-toggle-btn,
    .mobile-control-btn,
    .mobile-control-btn-back,
    .mobile-bulk-action-btn,
    .mobile-pledge-action-button,
    .mobile-pledge-actions-btn,
    .pill-save-btn,
    .app-modal-btn-primary,
    .app-modal-btn-secondary,
    .app-modal-btn-danger,
    .app-modal-btn-danger-outline,
    .settings-btn-primary,
    .settings-btn-secondary,
    .settings-comm-history-btn,
    .settings-upload-btn,
    .settings-remove-btn,
    .toolbar-btn,
    .toolbar-btn-icon,
    .light_button_nomargin,
    .dark_button,
    .dark_button_hundred,
    .dark_button_not_hundred,
    .red_button,
    .campaign_copy_button,
    .recent-pledges-view-all,
    .help-button,
    .zoom-btn,
    .zoom-toggle-btn
):not(:disabled):not(.disabled),
.press-feedback {
    transition: var(--press-feedback-transition);
    will-change: border-radius;

    &:not(.no-press-feedback):active {
        box-shadow: var(--press-feedback-active-shadow, var(--press-feedback-shadow));
        border-radius: var(--press-feedback-active-radius, var(--press-feedback-radius-pressed, 10px));
    }
}

.press-feedback-square {
    --press-feedback-radius-rest: 12px;
    --press-feedback-radius-pressed: 24px;
    border-radius: var(--press-feedback-radius-rest);
}

.press-feedback-round {
    --press-feedback-radius-rest: 500px;
    --press-feedback-radius-pressed: 10px;
    border-radius: var(--press-feedback-radius-rest);
}

.pledges-content-container .btn-group .pill-btn.press-feedback.dropdown-toggle:not(.dropdown-toggle-split):active,
.members-manager-page .btn-group .pill-btn.press-feedback.dropdown-toggle:not(.dropdown-toggle-split):active,
.page-header-card .btn-group .pill-btn.press-feedback.dropdown-toggle:not(.dropdown-toggle-split):active,
.page-header-card-mobile .btn-group .pill-btn.press-feedback.dropdown-toggle:not(.dropdown-toggle-split):active,
.topBar .btn-group .pill-btn.press-feedback.dropdown-toggle:not(.dropdown-toggle-split):active {
    border-radius: var(--press-feedback-active-radius, var(--press-feedback-radius-pressed, 10px));
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --press-feedback-transition: none;
    }
}