درخواست کد این دکمه

[xaep]

کد html :

<
!DOCTYPE html>

<
head>

    
<title></title>

    
<link href="stylesheet.css" rel="stylesheet" />

</
head>

<
body>

    
<div class="key">تست<div class="key_des">متنی اضافه کنید</div></div>

</
body>

</
 
html>

کد css:

.key
{

    
background-color: #27ae3a;

    
font-family: B Yekan;

    
font-size: 28px;

    
color: #fff;

    
width: 145px;

    
height: 75px;

    
border-radius: 5px;

    
float: right;

    
text-align: center;

    
margin: 20px 0 0 20px;

    
padding-top: 5px;

    
transition: .3s;

    
-webkit-transition: .3s;

    
-o-transition: .3s;

    
-moz-transition: .3s;

    
cursor: pointer;

}

.key:hover
{

    
background-color: #464646;

}

.key_des
{

    
font-family: B Yekan;

    
font-size: 12px;

    
color: #fff;

    
text-align: center;

}