<a class="pbrb-sc" href="<?php echo $url_barber; ?>">
    <span class="pbrb-sc-ico">🏭</span>
    <span class="pbrb-sc-txt">
        <b>Pantau Barber</b>
        <small>Pantauan produksi — bill terlambat, jatuh tempo hari ini &amp; express</small>
    </span>
    <span class="pbrb-sc-arr">→</span>
</a>
<style type="text/css">
.pbrb-sc{display:flex;align-items:center;gap:14px;margin:14px 0;padding:14px 18px;
background:linear-gradient(120deg,#0c3b36,#138074);border-radius:12px;text-decoration:none;color:#fff;
box-shadow:0 4px 14px rgba(12,59,54,.25);transition:transform .14s,box-shadow .14s;position:relative;overflow:hidden;}
.pbrb-sc::after{content:"";position:absolute;inset:0;
background:repeating-linear-gradient(-55deg,rgba(255,255,255,.05) 0 12px,transparent 12px 26px);}
.pbrb-sc:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(12,59,54,.35);color:#fff;text-decoration:none;}
.pbrb-sc-ico{font-size:26px;position:relative;z-index:1;}
.pbrb-sc-txt{flex:1;position:relative;z-index:1;line-height:1.3;}
.pbrb-sc-txt b{display:block;font-size:15px;font-family:'Trebuchet MS','Segoe UI',sans-serif;letter-spacing:.4px;}
.pbrb-sc-txt small{font-size:11px;opacity:.85;}
.pbrb-sc-arr{font-size:20px;font-weight:800;position:relative;z-index:1;transition:transform .15s;}
.pbrb-sc:hover .pbrb-sc-arr{transform:translateX(5px);}
</style>