/* /premium sales page: tc_premium_subscription.html.twig (layout, spacing, typography and colors use tool.css) */

.premium-card-featured {
    @media (max-width: 589px) {
        order: -1;
    }
}

.premium-badge {
    position: absolute;
    top: -1.4rem;
    left: 50%;
    translate: -50% 0;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    background: linear-gradient(135deg, #ffd800, #fff94f);
    border-radius: 99px;
}

.premium-btn {
    background: linear-gradient(135deg, var(--blue-ocean), #0a7ea4);
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;

    &:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(0, 77, 110, 0.35);
    }
}