body {

    padding: 10px;

}

​

a {

    position: relative;

    display: block;

    color: bule;

    font: 18px/3 sans-serif;

    text-decoration: none;

    transition: .5s all;

    color: #333;

}

​

a[href^="https:"]::before {

    content: "";

    position: relative;

    left: 0px;

    top: 0px;

    padding-left: 0;

    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAb0lEQVQoz2NkQAJc5aIc//7962VgYIiDCi1iYmIq/tb5+gdMDROyBqhiGWYmJlVmJiZVBgYGGagYdsBRKvyZu1xUAsbnLheV4CgV/oxbQ4nwf0JiTAwkAkaIU4QaGf4z1uFX+b/pR/e7epJtGJEaAKDXHzEJ3KYmAAAAAElFTkSuQmCC");

    background-repeat: no-repeat;

    background-position: 0 center;

    z-index: 10;

    transition: .5s all;

}

​

a:hover {

    color: blue;

}

​

a[href^="https:"]:hover::before {

    padding-left: 20px;

}

​