tabaccordionbtn.css

.ja_accordion{background-color:#eee;color:#444;cursor:pointer;padding:18px;width:100%;border:1px solid #ccc;border-top-left-radius:15px;text-align:left;outline:0;font-size:15px;font-weight:700;transition:.4s;margin:2px 0}.ja_accordion:hover,.ja_active,.ja_tab button.active{background-color:#ccc}.ja_accordion:after{content:'\002B';color:#777;font-weight:700;float:right;margin-left:5px}.ja_active:after{content:"\2212"}.ja_panel{padding:0 18px;max-height:0;overflow:hidden;transition:max-height .2s ease-out;border:1px solid #ccc;border-top:none;margin-top:-2px}.ja_tab{overflow:hidden;border:1px solid #ccc;background-color:#f1f1f1}.ja_tab button{background-color:inherit;float:left;border:none;outline:0;cursor:pointer;padding:14px 16px;transition:.3s;font-size:17px}.ja_tab button:hover{background-color:#ddd}.ja_tabcontent{display:none;padding:6px 12px;border:1px solid #ccc;border-top:none}.ja_btn,.ja_btn2,.ja_btn3{color:#fff;padding:10px 20px;cursor:pointer;font-size:14px;font-weight:700;margin:10px}.ja_btn{background-color:#0b5499;border-radius:4px;border:1px solid #000;border-bottom-width:.2em}.ja_btn:hover{background-color:#0e6fc7}.ja_btn2,.ja_btn3{background-color:#04aa6d;border-radius:4px;border:1px solid #000;border-bottom-width:.2em}.ja_btn2:hover{background-color:#e60000}.ja_btn3:hover{background-color:#02d487}