.my-spinner{
    border: #ddd 1px solid;
    display: inline-block;
    vertical-align: top;
}

.my-spinner input{
    border: none;
    text-align: center;
    width: 20px;
    margin-top: -8px;
    height: 30px;
    vertical-align: middle;
}
.count-action{
    font-size: 24px;
    line-height: 33px;
    width: 33px;
    display: inline-block;
    cursor: pointer;
}

.count-action:hover{
    background-color: #dddddd;
}

.count-action.left{
    border-right: #ddd 1px solid;
    text-align: center;
}

.count-action.right{
    border-left: #ddd 1px solid;
    text-align: center;
}