<template>
 <v-layout fil-height column>
	 <v-card class="mb-2">
	 <v-layout>
   <div>
     <v-btn class = "buttonkiri" color="success">Pasien Dokter</v-btn>
     <v-btn class = "buttonnew" color="error">MOU</v-btn>
     <v-btn class = "buttonnew" color="warning">Kirim Hasil</v-btn>
     <v-btn class = "buttonkanan" color="info">Barcode</v-btn>
   </div>

	 </v-layout>
	 </v-card>

</v-layout>
</template>

<style scoped>

.v-card{
 text-align: center;
}

.v-btn__content{
margin-top : -7px;
}

.buttonnew {
padding: 15px 45px;
 width : 20%;
  text-decoration:none;

}

.buttonkiri {
padding: 15px 45px;
 width : 20%;
  text-decoration:none;
  border-top-left-radius: 50px;
 border-bottom-left-radius: 50px;
}

.buttonkanan {
padding: 15px 45px;
 width : 20%;
  text-decoration:none;
  border-top-right-radius: 50px;
 border-bottom-right-radius: 50px;
}


</style>

<script>
module.exports = {

}
</script>
