/* External URLs
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Note: This is NOT the default styling for external URLs.
This styling must be passed via classname to take precendence.  */

.external_url_icon {
    color: #1D9BD1;
    text-decoration: none;
    background: none;
    border: none;
    text-align: left;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    cursor: pointer;
    border-radius: 0;
    letter-spacing: -0.02em;
    font-weight: 400;
    font-style: normal;
    vertical-align: middle;
}


.external_url_icon:hover {
    color: #1D9BD1;
    text-decoration: underline;
    background: none;
    border: none;
    text-align: left;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    cursor: pointer;
    border-radius: 0;
    letter-spacing: -0.02em;
    font-weight: 400;
    font-style: normal;
    vertical-align: middle;
}

.external_url_icon::before {
    content: "";
    display: inline-block;
    width: 14px; 
    height: 14px; 
    margin-right: 5px; /* Customize the space between the icon and text */
    background-image: url("/assets/icons/external_url_blue.svg");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}