/* ---------------------------
.link {
   display: block;
   padding: 1rem 1rem 1rem 3rem;
   border: 1px solid var(--color-blue);
   margin: 0.5rem;
   border-bottom-width: 3px;
   border-radius: 2rem;
   text-decoration: none;
   position: relative;
}
.link:before, .link:after {
   position: absolute;
   left: 1rem;
   width: 1.5rem;
   height: 1.5rem;
   top: 50%;
   transform-origin: 0 0;
}
.link:before {
   transform: scale(0.5) translateY(-50%);
   border-radius: 50%;
   background-image: linear-gradient(to right bottom, transparent calc(50% - 2px), black calc(50% - 2px), black calc(50% + 2px), transparent calc(50% + 2px)), linear-gradient(to left bottom, transparent calc(50% - 2px), black calc(50% - 2px), black calc(50% + 2px), transparent calc(50% + 2px));
}
.link:after {
   border-radius: 50%;
   background-image: linear-gradient(to right bottom, transparent calc(50% - 2px), black calc(50% - 2px), black calc(50% + 2px), transparent calc(50% + 2px)), linear-gradient(to left bottom, transparent calc(50% - 2px), black calc(50% - 2px), black calc(50% + 2px), transparent calc(50% + 2px));
   transform: scale(0.5, 0.6) translateY(-50%);
   background-repeat: no-repeat, no-repeat;
   background-size: 1.5rem 1.5rem, 1.5rem 1.5rem;
   background-position: left 0.45rem bottom 0.25rem, left -0.85rem bottom 0.25rem;
}                                ---------------- */

.link {
   padding: 3px;
}
a:hover {
   background-image: linear-gradient(to bottom, #9ABCC5 20%, #fff 80%);
}

/* -------------------- */
a:not([href]):before {
   content: "";
}
a[target=_blank]:not([href]) {
   background-color: rgba(250, 131, 66, 0.25);      /* WAS: rgba(0, 250, 250, 0.25); */
   border-color: #FA8342;                           /* WAS: #00fafa; */
}
a[target=_blank]:not([href]):before {
   content: none;
}
a[target=_blank]:not([href]):after {
   content: "";
}
a[target=_blank]:not([href]):not([rel=noopener]) {
   background-color: rgba(200, 0, 0, 0.25);
   border-color: #c80000;
}
a[target=_blank]:not([href]):not([rel=noopener]):after {
   content: none;
}
a[target=_blank]:not([href]):not([rel=noopener]):before {
   content: "";
}
a[href] {
   border-color: green;
   background-color: rgba(100, 255, 0, 0.25);
}
a[href]:before {
   content: none;
}
a[href]:after {
   content: "";
}
a[href][href^="#"] {
   border-color: #c8c800;
   background-color: rgba(200, 200, 0, 0.25);
}
a[href][href^="#"]:before {
   content: none;
}
a[href][href^="#"]:after {
   content: "";
}
a[href][href^=http] {
   border-color: blue;
   background-color: rgba(0, 100, 255, 0.50);      /* VERY DEFAULT */
}
a[href][href^=http]:before {
   content: none;
}
a[href][href^=http]:after {
   content: "";
}
a[href][target=_blank] {
   border-color: #00F5F5;                          /* WAS: #c800c8 */
   background-color: rgba(0, 245, 245, 0.50);      /* WAS: rgba(200, 0, 200, 0.25); */
}
a[href][target=_blank]::after {
   content: "\0279A";
}

a[href][target=_blank]:before {
   content: "";
}
a[href][target=_blank]:after {
   content: "\0279A";
}
a[href][target=_blank]:not([rel=noopener]) {
   border-color: #00A0B8;                          /* WAS: #ff6400 */
   background-color: rgba(0, 160, 184, 0.50);      /* WAS: rgba(255, 100, 0, 0.25); */
}
a[href][target=_blank]:not([rel=noopener]):after {
   content: "\0279A";
}
a[href][target=_blank]:not([rel=noopener]):before {
   content: "";
}