<template>

<div>
<v-card>
  <v-btn class= "button parallelogram"  color="success">Pasien Dokter</v-btn>
    <v-btn class= "button parallelogram"  color="warning">MOU </v-btn>
    <v-btn class= "button parallelogram"  color="error">Kirim Hasil </v-btn>
    <v-btn class= "button parallelogram"  color="info"> Barcode</v-btn>
</v-card>
</div>

</template>

<style scoped>

.v-card{
 text-align: center;
}
.v-btn__content{
margin-top : -10px;
}
.button {

padding: 30px 16px;
 width : 20%;
  text-decoration:none;
}

.parallelogram{
  transform: skew(-20deg);

}

.v-btn {
 word-break: break-all;
}

</style>
<script>
module.exports = {

}
</script>
