Как разместить div по правому краю родителя?

у меня есть вот такой код

<style>
.scene {
	width: 1000px ; 
	 height: 600px;
	background-color: #6c6c77;
	display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #080808 ;
}

.button_scene {	  
    background: #121213bd;
    color: #ffffffe6 ;
	 height: 100px;
	 width: 100px ; 
	 border-radius: 50px 50px 50px 50px;
   border: 0 ;
}
#menii {
position: absolute ;	
}

</style>


<div class="scene">
<div id="menii"></div>
<input type="button" id="B1" value="Start" name="button1" class="button_scene" onclick="A1(); style.display='none'"  ><br/>
<div id="program"></div>

Мне нужно что бы кнопка button_scene и program располагалась по центру scene
кнопка button_scene при нажатий пропадает
а menii находился по правому краю родительского div scene не двигая program