/* Shared section styles for homepage partials */

.promo-card {
    position: relative;
    overflow: visible;
}

.promo-card .card-inner {
    position: relative;
    border-radius: 0;
    background: #1a1a1a;
    padding: 1.5rem;
}

@media (min-width: 768px) {
    .promo-card .card-inner {
        padding: 2rem;
    }
}

.promo-card.gold::before {
    position: absolute;
    content: '';
    left: 10px;
    bottom: -10px;
    right: -15px;
    top: 12px;
    z-index: 0;
    transform: rotate(2deg);
    background-color: #c6a343;
}

.promo-card.red::before {
    position: absolute;
    content: '';
    left: -10px;
    bottom: -10px;
    right: 15px;
    top: 12px;
    z-index: 0;
    transform: rotate(-2deg);
    background-color: #C62828;
}