Saved copy

<!DOCTYPE>
<html>

	<style>

		.opt {

			padding: 6px 14px;
			border-radius: 25px;
			background-color: #FFFFFF;
			color: #000000;
			text-align: center;
			border: 2px solid black;
			font-family: sans-serif;
			text-decoration: none;
			cursor: pointer;

		}

		.optlist {

			padding-top: 30px;
			padding-bottom: 30px;
			padding-left: 24px;
			padding-right: 14px;
			border: 2px solid black;
			margin: 90;
			border-radius: 10px;
			display: none;

		}

		.optbut {

			background-color: #FFFFFF;
			color: #000000;
			border: 2px solid black;
			border-radius: 25px;
			text-decoration: none;
			font-family: sans-serif;
			padding: 14px 14px;
		}

		.optbut:hover {

			background-color: #000000;
			color: #FFFFFF;
		}

		.outbutA {

			background-color: #000000;
			color: #FFFFFF;
			border: 2px solid black;
			border-radius: 25px;
			text-decoration: none;
			font-family: sans-serif;
			padding: 14px 14px;

		}

		#optdrop a {

			 display: block;
			z-index: 1;
		}

	</style>

	<body>

	<a href = '#' class = 'opt'>More information</a>

		<div class = 'optlist' id = 'optdrop'>

			<a href = '#' class = 'optbut'>Disography</a>

			<a href = '#' class = 'optbut'>Lawsuit</a>

			<a href = '#' class = 'outbutA'>Biography</a>

			<a href = '#' class = 'optbut'>Social Media</a>

			</div>

	</body>

</html>