.amount-form {
    width:96px;
}

    .amount-form__group {
        border:1px solid #dfdfdf;
        background:#ffffff;
        height:30px;
        padding:0 30px;
        position:relative;
        -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
                border-radius: 4px;
    }
    
    .amount-form__control {
        position:absolute;
        top:0;
        bottom:0;
        width:30px;
        border:0;
        background:#ffffff;
        outline:0;
        -webkit-transition: all 0.15s ease-out;
                transition: all 0.15s ease-out;
    }

            .amount-form__control:hover,
            .amount-form__control:focus,
            .amount-form__control:active {
                background:#32363f;
            }
    
    /*.amount-form__control:before,
    .amount-form__control:after {
        content:'';
        position:absolute;
        left:50%;
        top:50%;
        -webkit-transform: translate(-50%,-50%);
           -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
             -o-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
        -webkit-transition: all 0.15s ease-out;
                transition: all 0.15s ease-out;
    }*/

    .amount-form__control_dec {
        left:0;
        border-right:1px solid #dfdfdf;
        -webkit-border-radius: 4px 0 0 4px;
           -moz-border-radius: 4px 0 0 4px;
                border-radius: 4px 0 0 4px;
        font-weight:bold;
        font-size:16px;
    }

    .amount-form__control_dec:hover{
        color:#fff;
    }

            .amount-form__control_dec:hover,
            .amount-form__control_dec:focus,
            .amount-form__control_dec:active {
                border-right-color:#ffffff;
            }

    .amount-form__control_dec:after {
        width:12px;
        height:2px;
        background:#bababa;
    }

            .amount-form__control_dec:hover:after,
            .amount-form__control_dec:focus:after,
            .amount-form__control_dec:active:after {
                background:#ffffff;
            }
    
    .amount-form__control_inc {
        right:0;
        border-left:1px solid #dfdfdf;
        -webkit-border-radius: 0 4px 4px 0;
           -moz-border-radius: 0 4px 4px 0;
                border-radius: 0 4px 4px 0;
        font-weight:bold;
        font-size:16px;
    }
    .amount-form__control_inc:hover{
        color:#fff;
    }
    
            .amount-form__control_inc:hover,
            .amount-form__control_inc:focus,
            .amount-form__control_inc:active {
                border-left-color:#ffffff;
            }    

    .amount-form__control_inc:before,
    .amount-form__control_inc:after {
        background:#32363f;
    }

            .amount-form__control_inc:hover:after,
            .amount-form__control_inc:hover:before,
            .amount-form__control_inc:focus:after,
            .amount-form__control_inc:focus:before,
            .amount-form__control_inc:active:after,
            .amount-form__control_inc:active:before {
                background:#ffffff;
            }    
    
    .amount-form__control_inc:before {
        width:2px;
        height:12px;
    }

    .amount-form__control_inc:after {
        width:12px;
        height:2px;
    }
    
    .amount-form__input {
        width:34px;
        height:28px;
        border:0;
        background:#ffffff;
        text-align:center;
        padding:0;
        font-size:16px;
    }