Pop-Ups - On Page Load

Use Case 1: “Agreement”
 

Purpose: 
to prevent user from proceeding until they have agreed to the terms detailed in the pop-up.
Activation Methods: 
On Page Load
On button Click
Content Elements:
Background Color: selected from curated list by user
WYSIWYG field
Button 1
Button 2
Button functionality:
When presented with this pop-up the user will have only two options.  Agree to proceed or decline to be redirected.
The exact verbiage on each button will vary from site to site and page to page.
Button 1 should generally be the agree button that will close the pop-up
Button 2 should generally be the disagree button that will redirect the user to another site.
(Note: it would be prefereale if button 1 and 2 were interchangeable, such that either button could be agree or disagree.

Outcome: In this case the user MUST select one of the buttons presented in order for the site to respond.  No other action will affect the pop-up.  If scrolling can be prevented while this pop-up is active that would be preferable.  Otherwise the pop-up should remain centered in the screen as the user scrolls.  On mobile, the pop-up should cover the entire screen except for the main menu (see mockup)