/* Upgrade buttons with dynamic shadows */
.esn-btn, 
.more-link a, 
.node-readmore a {
    display: inline-block;
    background-color: var(--esn-magenta);
    color: #ffffff !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 10px 24px;
    border-radius: 50px; /* Pill shape */
    box-shadow: 0 4px 12px rgba(236, 0, 140, 0.3);
    transition: var(--transition);
    text-decoration: none;
}

.esn-btn:hover, 
.more-link a:hover, 
.node-readmore a:hover {
    background-color: #d0007a;
    box-shadow: 0 6px 16px rgba(236, 0, 140, 0.45);
    transform: translateY(-2px);
}