The transition type, easing and duration can all be edited in the property inspector on the right. That is all there is to it - you have now created a page link.
In Prototype mode, drag the blue arrow until it snaps to the newly created Checkout Page. Select the button in the Main Component hover state (it will be clicked while hovering).
However, if these were to go to unique pages as part of a flow, set the prototype links to the individual instances instead. In this case, all of the Add to Cart buttons will go to the same place, so we can apply the interaction to the Main Component. Start by creating a blank artboard for the checkout page (this will be developed next). Since this guide is covering the creation of the product landing page, and the Check out page, a link can be added from the Add to Cart button and treated like a Buy Now button, but you can expand on this and add additional pages using the elements in the UI Kit. The final interaction will be to link over to the shopping cart or product page. Learn more about ways to use component states here. Multiple states can be created for buttons and other elements.