Agency VIP Master Pricing Card

<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<div class="price-card-435"><div class="line-glow"></div><h3 class="p-title">Agency Unlimited</h3><div class="p-amount">$1,499<span>/mo</span></div><ul class="p-features"><li>Unlimited Client Sites</li><li>White Label Dashboard</li><li>Dedicated Senior Dev</li><li>1hr Emergency SLA</li></ul><button class="p-btn">Scale Your Agency</button></div>

/*
 * Author: @codepeek
 * License: MIT
 * Tags: #buttons #css #interface #opensource #codepeek
 */

.price-card-435 { position: relative; width: 220px; padding: 22px 16px; background: #0d0d0d; border: 1px solid #332a15; border-radius: 16px; font-family: system-ui; color: #fff; box-sizing: border-box; overflow: hidden; }
.line-glow { position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, #eab308, transparent); animation: sweepLine 3s infinite; }
.price-card-435 .p-title { margin: 0 0 8px 0; font-size: 15px; color: #fef08a; letter-spacing: 0.5px; }
.price-card-435 .p-amount { font-size: 28px; font-weight: 900; color: #fff; margin-bottom: 14px; }
.price-card-435 .p-amount span { font-size: 10px; color: #71717a; }
.price-card-435 .p-features { list-style: none; padding: 0; margin: 0 0 18px 0; font-size: 10px; color: #a1a1aa; }
.price-card-435 .p-features li { margin-bottom: 6px; display: flex; align-items: center; gap: 6px; }
.price-card-435 .p-features li::before { content: "★"; color: #eab308; font-size: 8px; }
.price-card-435 .p-btn { width: 100%; padding: 9px 0; background: #eab308; border: none; border-radius: 8px; color: #000; font-size: 11px; font-weight: 800; cursor: pointer; }
@keyframes sweepLine { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }