.tips-checkout{display:inline-block;margin:1.5em 0;width:100%}.tips-checkout__inner h4{font-size:1.5em;color:#111;margin-bottom:.6em;text-transform:uppercase;font-weight:700}.tips-checkout__box{border:solid 1px #eee;border-radius:3px}.tips-checkout__box p{padding:1em 1.5em;margin:0}.tips-checkout__options{padding:1.5em;background:#efefef;border-top:solid 1px #eee}.tips-checkout__options ul{display:flex;flex-wrap:wrap;border:solid #ddd;border-width:1px;border-radius:3px;overflow:hidden}.tips-checkout__options ul li{width:25%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;position:relative;background:#fff;-webkit-user-select:none;user-select:none}.tips-checkout__options ul li:not(:last-child){border:solid #eee;border-width:0 1px 0 0}.tips-checkout__options ul li>label{padding:.7em 0;line-height:normal;display:flex;width:100%;height:100%;margin:0;align-items:center;justify-content:center;cursor:pointer}.tips-checkout__options ul li div>span{display:block}.tips-checkout__options ul li div>span:first-child{color:#111}.tips-checkout__options input[name=tip]{display:none!important}.tips-checkout__options input[name=tip]:checked+div:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:solid 1px #046738;box-shadow:0 0 3px -2px #046738}.tips-checkout__options input[name=tip]:checked+div span{color:#046738}.tips-checkout__custom-amount{margin-top:1em;display:flex;flex-wrap:wrap;justify-content:space-between}.tips-checkout__custom-amount input[name=tip-custom]{width:70%!important;padding:10px 20px!important;color:#111!important;border-radius:3px!important;border:solid 1px #dbdbdb;line-height:normal!important}.tips-checkout__custom-amount button{width:calc(30% - 1em);background-color:#045b32!important;line-height:normal}