Link with 44px Clickable Area around circle

Link with 44px Clickable Area around circle

by Nirvanachain

HTML

<div>
    <a href="#"><span>+</span></a>
</div>

CSS

div {
    position:relative; 
    width:320px; 
    height:100px; 
    background-color:gray; 
    overflow:hidden;
}

a {
    display:block;
    width:44px;
    height:44px;
    line-height:44px;
    text-decoration:none;
    text-align:center;
    position:absolute;
    left:90px;
    top:40px;
    
}

span {
    padding:0 6px;
    background-color:red;
    border-radius:15px;
    color:white;
    font-size:1.25em;
    font-weight:bold;
    box-shadow:1px 1px 2px 2px rgba(0, 0, 0, 0.4);
}