.oj-action-bar{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

    margin-top:28px;

}

.oj-action-bar a,
.oj-action-bar button{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    min-width:145px;

    height:48px;

    padding:0 22px;

    border-radius:12px;

    font-size:15px;

    font-weight:600;

    text-decoration:none;

    cursor:pointer;

    transition:all .25s ease;

}

.oj-btn-primary{

    background:#FF6B00;

    color:#fff;

    border:none;

}

.oj-btn-primary:hover{

    background:#E65F00;

    transform:translateY(-2px);

}

.oj-btn-outline{

    background:#fff;

    color:#1F2937;

    border:1px solid #E5E7EB;

}

.oj-btn-outline:hover{

    border-color:#FF6B00;

    color:#FF6B00;

    transform:translateY(-2px);

}

.oj-btn-disabled{

    background:#D1D5DB;

    color:#6B7280;

    border:none;

    cursor:not-allowed;

}

@media(max-width:768px){

    .oj-action-bar{

        display:grid;

        grid-template-columns:repeat(2,1fr);

    }

    .oj-action-bar a,
    .oj-action-bar button{

        width:100%;

        min-width:0;

    }

}