Button position and time delay in Brine index page

Site URL: https://fscvideo.squarespace.com/

Hi!

I'm testing a site and want the button on the first page of the index to be hidden and fade into appearance after 50s. The banner video will automatically replay and the button should then stay fixed on the page. 

I added some CSS to bump the button down lower on the page but when the page loads, it appears in its default position then drops to the bottom where I want it once the page loads. It doesn't look good. So I need help with that as well.

//position button at bottom of page
#block-yui_3_17_2_1_1617904209747_3948 {
  position: absolute;
  top: 150px;
  width: 100%;
}

Thanks all!

AH! I see what I did. Changed position to "relative" and now it's not jumping all over the place. I still ned help with the time delay though!

Thanks!

//position button at bottom of page
#block-yui_3_17_2_1_1617904209747_3948 {
  position: absolute;
  top: 150px;
  width: 100%;
}