# Capital One Tax Refund Savings Event

:::raw
<div class="tcdjr-tax-event">
<style>
/* Legacy's own tax-event design, class-prefixed. The dark gradient is painted on the
   wrapper, so every colour inside it is set explicitly rather than inherited - the
   platform's global h1..h4 { color: var(--ink) } beats an inherited colour and would put
   near-black text on a near-black panel (CLAUDE.md §5). */
.tcdjr-tax-event{background:linear-gradient(180deg,#0f172a 0%,#1e293b 30%,#0f172a 70%,#000 100%);margin:0;padding:0;border-radius:16px;overflow:hidden}
.tcdjr-tax-event .tcdjr-tax-hero{position:relative;padding:1rem 0 0;background:transparent;margin:0}
.tcdjr-tax-event .tcdjr-tax-image{position:relative;overflow:hidden;border-radius:0;box-shadow:none}
.tcdjr-tax-event .tcdjr-tax-full-image{display:block;width:100%;height:auto;max-height:450px;object-fit:contain;object-position:center;transition:transform .3s ease}
.tcdjr-tax-event .tcdjr-tax-cta{text-align:center;padding:1.5rem 0 2rem;background:transparent;margin:0}
.tcdjr-tax-event .tcdjr-tax-buttons{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap;padding:0 1rem}
.tcdjr-tax-event .tcdjr-tax-btn{position:relative;font-family:'Oswald','Arial Narrow',sans-serif;font-size:clamp(.85rem,2vw,1rem);font-weight:700;text-transform:uppercase;letter-spacing:.15em;padding:1rem 2.5rem;border:none;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.2)}
.tcdjr-tax-event .tcdjr-tax-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}
.tcdjr-tax-event .tcdjr-tax-btn:hover::before{left:100%}
.tcdjr-tax-event .tcdjr-tax-btn-new{background:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%);color:#fff !important}
.tcdjr-tax-event .tcdjr-tax-btn-new:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px rgba(59,130,246,.6),0 0 60px rgba(59,130,246,.4),inset 0 1px 0 rgba(255,255,255,.3)}
.tcdjr-tax-event .tcdjr-tax-btn-used{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);color:#fff !important;border:2px solid #c0c0c0}
.tcdjr-tax-event .tcdjr-tax-btn-used:hover{transform:translateY(-5px) scale(1.05);background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%);border-color:#fbbf24;box-shadow:0 15px 40px rgba(251,191,36,.4),0 0 60px rgba(251,191,36,.2),inset 0 1px 0 rgba(255,255,255,.3)}
.tcdjr-tax-event .tcdjr-tax-btn:active{transform:translateY(-2px) scale(1.02)}
/* Legacy animates the title, the divider and both buttons on an infinite loop. Dropped:
   the title and divider do not exist here (our PageHeader carries the H1), and a button
   that pulses forever is motion nobody asked for on a page that now sits above a live
   inventory grid. The hover treatment is kept in full. */
@media (max-width:768px){
.tcdjr-tax-event .tcdjr-tax-cta{padding:1.5rem 1rem}
.tcdjr-tax-event .tcdjr-tax-buttons{flex-direction:column;gap:1rem}
.tcdjr-tax-event .tcdjr-tax-btn{width:100%;max-width:280px;padding:.9rem 2rem}
}
</style>
<div class="tcdjr-tax-hero"><div class="tcdjr-tax-image"><img class="tcdjr-tax-full-image" src="https://storage.googleapis.com/savvy-platform-media/cms-pages/thunderchrysler/f3327c26339ee84b79efaa596485d367.webp" alt="Capital One Tax Refund Savings Event at Thunder Chrysler Dodge Jeep Ram" width="1200" height="450" /></div></div>
<div class="tcdjr-tax-cta"><div class="tcdjr-tax-buttons"><a href="/new" class="tcdjr-tax-btn tcdjr-tax-btn-new">View All New</a><a href="/used" class="tcdjr-tax-btn tcdjr-tax-btn-used">View All Used</a></div></div>
</div>
:::