.short-url-area button{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#cd2122;color:#fff;width: 30px;min-height: 30px;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;margin-right: 5px;}
.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%,30%);}
.short-url-area button:after{content:attr(tooltip);width:auto;bottom: -30%;left:50%;padding:5px;border-radius:4px;font-size:1rem;padding:5px 10px;transform: translate(-50%,110%);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: #8d1516;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;min-width: 200px;margin-right:auto;max-width: 300px;}
.short-url-area input{height:40px;background-color:#f1f2f7!important;color: #504f54;border: 1px solid #504f5440;border-radius:4px;padding-left:15px;min-width: 200px;text-align:left;font-size: 0.75em;max-width: 300px;direction: ltr;-webkit-box-shadow: 0 3px 3px rgb(0 0 0 / 10%);box-shadow: 0 3px 3px rgb(0 0 0 / 10%);}
.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: #f1f2f7;color: #8d1516;font-size: 1.125em;border:none!important;height:100%;display: inline-flex;align-items: center;justify-content: center;}
.short-url-area .input-group-append{position:absolute;right:0}