/**
 * Frontend styles for WP Blog Article Related Links plugin
 */

.wp-barl-widget-links {
 padding: 0;
 margin: 0;
}

.wp-barl-widget-link {
 margin-bottom: 10px;
 padding-bottom: 10px;
 border-bottom: 1px solid #eee;
}

.wp-barl-widget-link:last-child {
 margin-bottom: 0;
 padding-bottom: 0;
 border-bottom: none;
}

.wp-barl-widget-link a {
 display: block;
 text-decoration: none;
 transition: color 0.2s;
}

.wp-barl-widget-link a:hover {
 text-decoration: underline;
}

/* External link icon */
.wp-barl-widget-link a[target="_blank"]::after {
 content: "";
 display: inline-block;
 width: 12px;
 height: 12px;
 margin-left: 5px;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>');
 background-size: contain;
 background-repeat: no-repeat;
 vertical-align: middle;
 opacity: 0.7;
}