remove hover button pt -sanksi-keberatan

pages/pt/jawaban-keberatan/detail.js

@@ -87,12 +87,12 @@ class JawabanKeberatan extends Component {
 															</p>
 															<p className="lead">
 																<span className="btn-radius">
-																	<Button color="" disabled={sanksi.data.pengajuan.banding || false} className="btn-labeled" onClick={this.toggleModal}>
+																	<Button color="" disabled={sanksi.data.pengajuan.banding || false} className="btn-labeled-notHover" onClick={this.toggleModal}>
 																		<h4 className="mt-2 mb-md-2 text-center font-color-white pl-3 pr-3">Ya</h4>
 																	</Button>
 																</span>
 																<span className="btn-radius">
-																	<Button disabled={sanksi.data.pengajuan.banding || false} color className="btn-labeled-3" onClick={async () => {
+																	<Button disabled={sanksi.data.pengajuan.banding || false} color className="btn-labeled-3-notHover" onClick={async () => {
 
 																		const toastid = toast.loading("Please wait...");
 																		try {

pages/pt/jawaban-pencabutan-sanksi/detail.js

@@ -30,6 +30,8 @@ class DetailJawabanPencabutanSanksi extends Component {
 	render() {
 		const { sanksi, pt } = this.state;
 		const jawaban = sanksi.data?.jawaban.cabut_sanksi || null;
+		// console.log(sanksi)
+		console.log(jawaban)
 		return (
 			<ContentWrapper unwrap>
 				{pt && <Header data={pt} />}

pages/pt/keberatan/detail.js

@@ -104,14 +104,14 @@ class Keberatan extends Component {
 														</p>
 														<p className=" lead">
 															<span className="btn-radius">
-																<Button color className="btn-labeled" onClick={this.toggleModal} disabled={sanksi.data.pengajuan?.keberatan || false}>
-																	<h4 className="mt-2 mb-md-2 text-center font-color-white pl-3 pr-3 ">
+																<Button color className="btn-labeled-notHover" onClick={this.toggleModal} disabled={sanksi.data.pengajuan?.keberatan || false}>
+																	<h4 className="mt-2 mb-md-2 text-center font-color-white pl-3 pr-3 font-weight-normal ">
 																		Ajukan Permohonan Keberatan
 																	</h4>
 																</Button>
 															</span>
 															<span className="btn-radius">
-																<Button disabled={sanksi.data.pengajuan?.keberatan || false} color className="btn-labeled-3" onClick={this.setModalTidak} >
+																<Button disabled={sanksi.data.pengajuan?.keberatan || false} color className="btn-labeled-3-notHover" onClick={this.setModalTidak} >
 																	<h4 className=" mt-1 mb-md-2 text-center">Batalkan Permohonan Keberatan</h4>
 																</Button>
 															</span>

pages/pt/sanksi/detail.js

@@ -98,7 +98,7 @@ class Sanksi extends Component {
 														</p>
 														<p className="lead">
 															<span className="btn-radius">
-																<Button color="" disabled={sanksi.data.is_pengajuan_keberatan === true || sanksi.data.is_pengajuan_keberatan === false} className="btn-labeled" onClick={async () => {
+																<Button color="" disabled={sanksi.data.is_pengajuan_keberatan === true || sanksi.data.is_pengajuan_keberatan === false} className="btn-labeled-notHover" onClick={async () => {
 																	const toastid = toast.loading("Please wait...");
 																	try {
 																		const { token, query } = this.props;
@@ -115,7 +115,7 @@ class Sanksi extends Component {
 																</Button>
 															</span>
 															<span className="btn-radius">
-																<Button disabled={sanksi.data.is_pengajuan_keberatan === true || sanksi.data.is_pengajuan_keberatan === false} color className="btn-labeled-3" onClick={this.setModal} >
+																<Button disabled={sanksi.data.is_pengajuan_keberatan === true || sanksi.data.is_pengajuan_keberatan === false} color className="btn-labeled-3-notHover" onClick={this.setModal} >
 																	<h4 className=" mt-1 mb-md-2 text-center">Tidak</h4>
 																</Button>
 															</span>

styles/bootstrap/_buttons.scss

@@ -224,13 +224,15 @@ input[type="button"] {
   }
 }
 
-.btn-labeled-4 {
+
+
+.btn-labeled-3 {
   border: #3e3a8e solid 2px;
   padding-top: 0;
   padding-bottom: 0;
   margin-top: 3%;
   color: #3e3a8e;
-  background: white;
+  background: transparent;
   transition: ease background-color 250ms;
 
   &:hover {
@@ -239,14 +241,13 @@ input[type="button"] {
     color: #3e3a8e;
   }
 }
-
-.btn-labeled-3 {
+.btn-labeled-4 {
   border: #3e3a8e solid 2px;
   padding-top: 0;
   padding-bottom: 0;
   margin-top: 3%;
   color: #3e3a8e;
-  background: transparent;
+  background: white;
   transition: ease background-color 250ms;
 
   &:hover {
@@ -255,6 +256,35 @@ input[type="button"] {
     color: #3e3a8e;
   }
 }
+.btn-labeled-3-notHover {
+  border: #3e3a8e solid 2px;
+  padding-top: 0;
+  padding-bottom: 0;
+  margin-top: 3%;
+  color: #3e3a8e;
+  background: transparent;
+  transition: ease background-color 250ms;
+}
+
+.btn-radius .btn-labeled-3-notHover {
+  border-radius: 7px;
+}
+
+.btn-labeled-notHover {
+  padding-top: 0;
+  padding-bottom: 0;
+  margin-right: 20px;
+  margin-top: 3%;
+  background: $colorbutton;
+  display: inline;
+  border-radius: 7px;
+  transition: ease background-color 250ms;
+
+}
+
+.btn-radius .btn-labeled-notHover {
+  border-radius: 7px;
+}
 
 .btn-radius .btn-labeled-3 {
   border-radius: 7px;