I'm having some difficulty removing the border on a button that is inside the Nativescript-CardView plugin.

[![enter image description here](https://i.stack.imgur.com/6RRPt.png)](https://i.stack.imgur.com/6RRPt.png)

html

```
<CardView #item elevation="50" margin="10">
    <GridLayout rows="auto, auto, auto" columns="*, *, *">
        <Image src="~/images/shop.jpg" stretch="aspectFit" colSpan="3" row="0" ></Image>
        <Button text="&#xE88E;" class="Material btn" row="1" col="0" ></Button>
        <Button text="&#xE8CC;" class="Material btn" row="1" col="1" ></Button>
        <Button text="&#xE530;" class="Material btn" row="1" col="2" ></Button>
     </GridLayout>
</CardView>

```

css

```
.btn {
  font-size: 20;
  margin:4;
  border-color: transparent;
  border: 0;
  border-width: 0;
  border-style: none;
  background-color: transparent;
  padding:5px;
}

```