Собственно вот код:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Носки</title>
</head>
<style>
.circle {
width: 128px;
height: 128px;
border: 2px solid #FF7900;
border-radius: 64px;
margin-bottom: 23px;
}
.phases a:hover .circle {
width: 143px;
height: 143px;
border-radius: 70px;
border: none;
background: #ffa700;
margin-bottom: 12px;
background: -moz-linear-gradient(top, #ffa700 0%, #ff4b00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa700), color-stop(100%,#ff4b00));
background: -webkit-linear-gradient(top, #ffa700 0%,#ff4b00 100%);
background: -o-linear-gradient(top, #ffa700 0%,#ff4b00 100%);
background: -ms-linear-gradient(top, #ffa700 0%,#ff4b00 100%);
background: linear-gradient(to bottom, #ffa700 0%,#ff4b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa700', endColorstr='#ff4b00',GradientType=0 );
}
</style>
<body>
<div class="phases">
<a href=""><div class="circletxt1">
<div class="circle"></div>
<span></span>
</div></a>
</body>
</html>
В чем может быть проблема?