.red-button {
    background-color: #B0154B;
}

.yellow {
    color: #B07A15;
    font-weight: 600;
}

.vert {
    color: #15B07A;
    font-weight: 600;
}

.card-icon {
    color: #111827;
    opacity: 0.8;
}

.premium-card .card-icon {
    color: #B07A15;
    opacity: 1;
}

.triangle-separator::after {
    display: none;
}

@media (min-width: 1024px) {
    .triangle-separator::after {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: -120px;
        width: 120px;
        height: 100%;
        background: white;
        clip-path: polygon(100% 0, 100% 100%, 0 0);
        z-index: 10;
        box-shadow: 8px 0 12px rgba(0, 0, 0, 0.05);
    }
}

@keyframes pulseBorder {
    0% {
        box-shadow: 0 0 0 0 rgba(250, 204, 21, 0.6);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(250, 204, 21, 0.25);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(250, 204, 21, 0.6);
    }
}

.premium-card {
    animation: pulseBorder 2.2s infinite ease-in-out;
}

@media (min-width: 1024px) {
    .premium-card:hover {
        animation: none;
        transform: translateY(-6px);
        box-shadow:
            0 0 0 3px #facc15,
            0 12px 30px rgba(250, 204, 21, 0.45);
    }
}