Pop up de descrição do produto

Galera me ajuda aqui, tenho pouco experiencia em css e html, tenho uma loja virtual de autopeças que aceita codigo fonte como descrição, estou tentando fazer que na parte de descrição tenha um botão, que abra um pop up de rolagem mostrando as aplicaçoes nos veículos, porém quando clico no botão abre o pop up mas o botão não fica escondido embaixo do pop up.

Olhem no site: https://mobisautopecas.commercesuite.com.br/loja/produto.php?loja=585589&IdProd=1368&iniSession=1&5b06d7cb6ecaf

Quero centralizar o botão, e colocar outro botão dentro do pop up para fechar, como se fosse o X do windows.

Aqui está a descriçao, primeiro tem o Css, dps o Javascript e dps o Html:

	<doctype html="">

	<title></title>

	<meta charset="utf-8" />

	<style type="text/css">.popup{

	                position: absolute;

	                top: 0; bottom: 0; 

	                left: 0; right:0;

	                margin: auto;

	                width: auto;

	                height: 180px;

	                padding: 15px;

	                border: solid 1px #4c4d4f;

	                background-color: #a9a9a9;

	                display: none;

	                overflow-y: scroll;

	                }

	                

	            .button{        

	background: #660000;

	background: -webkit-linear-gradient(#e06666, #660000 50%, #e06666);

	background: linear-gradient(#e06666, #660000 50%, #e06666);

	border-radius: 5px;

	padding: 9px 26px;

	color: #ffffff;

	display: inline-block;

	}

	.button-font{

	font-family: arial;

	font-size: 30px;

	font-color: #fffff;

	font-weight: bolder;

	text-align: center;

	text-decoration: none;

	}

	</style>

	<a class="popup" href="javascript: abrir();"> <script type="text/javascript">

	            function abrir(){

	                document.getElementById('popup').style.display = 'block';

	            }

	            function fechar(){

	                document.getElementById('popup').style.display =  'none';

	            }

	        </script> </a>

	<div class="popup" id="popup">

	<p><a class="popup" href="javascript: abrir();">&nbsp;</a></p>

	<p style="text-align: center;"><strong>Jogo Parafuso Fixa&ccedil;&atilde;o Cabe&ccedil;ote Hr / K2500 / L200 (18 Pecas - ) - 709310</strong></p>

	<p style="text-align: center;"><strong>Aplica&ccedil;&atilde;o</strong></p>

	<p style="text-align: center;">Cod: 709310</p>

	<p style="text-align: center;">Cod Original: 4041248042397</p>

	<p style="text-align: center;">&nbsp;</p>

	<p style="text-align: center;"><strong>Hyundai</strong></p>

	<p style="text-align: center;">Hr</p>

	<p style="text-align: center;">2.5 8V 4d56</p>

	<p style="text-align: center;">05/12</p>

	<p style="text-align: center;"><strong>Kia Motors</strong></p>

	<p style="text-align: center;">Bongo K2500</p>

	<p style="text-align: center;">2.5 8V 4d56</p>

	<p style="text-align: center;">04/12</p>

	<p style="text-align: center;"><strong>Mitsubishi</strong></p>

	<p style="text-align: center;">L200 / Pajero</p>

	<p style="text-align: center;">2.5 8V</p>

	<p style="text-align: center;"><strong>Garantia</strong></p>

	<p style="text-align: center;">90 dias</p>

	<p style="text-align: center;"><strong>Itens Inclusos</strong></p>

	<p style="text-align: center;">1 Parafuso Fixa&ccedil;&atilde;o Cabe&ccedil;ote Hr / K2500 / L200 (18 Pecas) - 709310</p>

	<p>&nbsp;</p>

	<a class=".button" href="javascript: fechar();">Clique aqui para fechar as aplica&ccedil;&otilde;es</a></div>

	<!--ações para o popup -->

	<p>&nbsp;</p>

	<p><a class="button button-font" href="javascript: abrir()">Ver aplicacoes</a></p>

	</doctype>