.short-url-area button{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#cd2122;color:#fff;width:auto;min-height:44px;font-size:1rem;font-weight:500;text-transform:uppercase;padding:5px 15px;border:0;border-radius:100px;outline:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.short-url-area button:before{content:"";width:16px;height:16px;bottom:-30%;left:50%;-webkit-clip-path:polygon(50% 40%,0 100%,100% 100%);clip-path:polygon(50% 40%,0 100%,100% 100%);transform:translate(-50%,0%);}
.short-url-area button:after{content:attr(tooltip);width:auto;bottom:-90%;left:50%;padding:5px;border-radius:4px;font-size:1rem;padding:5px 10px;transform:translate(-50%,0%);min-width:100px}
.short-url-area button:after,.short-url-area button:before{opacity:0;pointer-events:none;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#000;color:#fff;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.short-url-area button:hover:after,.short-url-area button:hover:before{opacity:1;transform: translate(-50%,0%);}
.short-url-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;border-radius:100px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:360px;margin-right:auto}
.short-url-area input{height:45px;background-color:#f1f2f7!important;color:#bebebe;border:1px solid #ebecf1;border-radius:100px;padding-left:15px;width:360px;text-align:left}
.short-url-area .input-group-btn{height:45px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}
.short-url-area .input-group-btn button{background-color:#ee1935;color:#fff;font-size:16px;border:none!important;height:100%}
.short-url-area .input-group-append{position:absolute;right:0}