.kc-us-link {
color: #5850ec;
}
.kc-flex {
display: flex;
}
.kc-us-link-icon {
width: 2.5rem;
color: #5850ec;
height: 1.5rem;
cursor: pointer;
}
.kc-us-link-create-icon {
width: 2.5rem;
color: #000000;
height: 1.5rem;
cursor: pointer;
}
.kc-us-qr-code .qr {
margin-left: auto;
margin-right: auto;
font-size: 1px;
width: 50%;
} #generate-short-link, #generated-short-link {
text-align: center;
}
#generate-short-link #kc-us-target-url, #generate-short-link #kc-us-short-url {
width: 60%;
display: inline;
border: 1px solid grey;
border-radius: 50px 0px 0px 50px;
background-color: #FFFFFF;
margin: 0px;
font-size: 16px;
}
#generate-short-link #kc-us-submit-btn, #generate-short-link #kc-us-copy-btn {
border: 1px solid grey;
display: inline;
padding: 15px;
background-color: #4662FA;
color: #FFFFFF;
border-radius: 0px 50px 50px 0px;
margin: -5px;
width: 150px;
font-size: 16px;
}
.kc-us-tooltip {
position: relative;
display: inline-block;
}
.kc-us-tooltip .kc-us-tooltiptext {
visibility: hidden;
width: 140px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -75px;
opacity: 0;
transition: opacity 0.3s;
}
.kc-us-tooltip .kc-us-tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.kc-us-tooltip:hover .kc-us-tooltiptext {
visibility: visible;
opacity: 1;
}