<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
body{
background:black;
}
.btn {
background-color:blue;
width:550px;
color: white;
border-radius: 10px;
font-size:30px;
border:2px dotted black;
text-transform:capitalize;
text-decoration:none;
margin-left:90px;
}
.btn:hover {
background: black;
color: yellow;
border-radius: 0px;
font-family: arial;
font-size:30px;
border:2px dashed red;
text-transform: lowercase!important;
text-decoration:underline;
}
.btn a{
background: none;
color: white;
text-decoration:none;
}
.btn a:hover{
background: none;
color: yellow;
text-decoration:none;
}
p{
color: white;
font-size:30px;
height:15px;
margin:25px;
font-family: monotype corsive;
margin-left:150px;
}
</style>
</head>
<body>
<p>Welcome To Searchweb7.com!</p>
<div class=""><button class="btn" ><a href="https://www.searchweb7.com" target="_self">Browse Site</a></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
body{
background: blue;
}
.btn {
background: blue;
width:550px;
color: ;
border-radius: 10px;
font-size:30px;
border:2px dotted black;
text-transform:capitalize;
text-decoration:none;
margin:45px;
margin-left:90px;
}
.btn:hover {
background: blue;
color:;
border-radius: 0px;
font-family: mistral;
font-size:30px;
border:2px dashed red;
text-transform: uppercase!important;
text-decoration:underline;
}
.btn a{
background: none;
color: white;
text-decoration:none;
}
.btn a:hover{
background: none;
color: yellow;
text-decoration:none;
}
p{
color: yellow;
font-size:30px;
height:1px;
margin:25px;
font-family: pristina;
margin-left:90px;
}
</style>
</head>
<body>
<p>Welcome To Searchweb7.com!</p>
<div class=""><button class="btn" ><a href="https://www.searchweb7.com" target="_self">Browse Site</a></div>
</body>
</html>
