.round-button {
	width:25%;
}
	.round-button-circle {
	width: 100%;
	height:0;
	padding-bottom: 100%;
    border-radius: 50%;
	border:10px solid black;
    overflow:hidden;
    
    background: Red; 
    box-shadow: 0 0 3px gray;
}
	.round-button-circle:hover {
	background:#30588e;
}
	.round-button a {
    display:block;
	float:left;
	width:100%;
	padding-top:50%;
    padding-bottom:50%;
	line-height:1em;
	margin-top:-0.5em;
    
	text-align:center;
	color:black;
    font-family:Verdana;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
	}
	body{
	background-image: url("pretty-meadow-wallpaper-1.jpg");
}
	
	hqdefault (3).jpg