.join-now {
    background: linear-gradient(135deg, #ED010E 0%, #1F1F1F 100%);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.7);
    padding: 10px 24px;
    border-radius: 6px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}

.join-now:hover {
    background: linear-gradient(135deg, #1F1F1F 0%, #ED010E 100%);
    color: #fff;
    border-color: #fff;
}

.text-color{
    background: linear-gradient(135deg, #ED010E 0%, #6a3d3d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.background-color{
    background: linear-gradient(135deg, #ED010E 0%, #1F1F1F 100%);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 6px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}

.background-color:hover {
    background: linear-gradient(135deg, #1F1F1F 0%, #ED010E 100%);
    color: #fff;
    border-color: #fff;
}

.custom-hover:hover{
    background: linear-gradient(135deg, #1F1F1F 0%, #ED010E 100%);
    color: #fff;
    border-color: #fff;
}

.see-more-btn {
    display: inline-block;
    padding: 8px 24px;
    margin-top: 15px;
    color: #fff;
    background: linear-gradient(135deg, #ED010E 0%, #1F1F1F 100%);
    border: 1px solid #ED010E;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.see-more-btn:hover {
    color: #fff;
    background: linear-gradient(135deg, #1F1F1F 0%, #ED010E 100%);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(237, 1, 14, 0.25);
}