default button style

src/components/teams/ListTeams.vue

@@ -1,6 +1,9 @@
 <template>
 	<div class="content loader-container" v-bind:class="{ 'is-loading': loading}">
 		<router-link :to="{name:'newTeam'}" class="button is-success button-right" >
+			<span class="icon is-small">
+				<icon icon="plus"/>
+			</span>
 			New Team
 		</router-link>
 		<h1>Teams</h1>

src/styles/theme.scss

@@ -14,9 +14,22 @@
   font-weight: bold;
   height: 2.648em;
 
+  box-shadow: 0.3em 0.3em 1em lighten($dark, 75);
+  &.is-hovered,
+  &:hover {
+    box-shadow: 0.6em 0.6em 1em lighten($dark, 75);
+  }
+
+  &.is-active,
+  &.is-focused,
+  &:active,
+  &:focus,
+  &:focus:not(:active) {
+    box-shadow: 0.1em 0.1em 0.7em lighten($dark, 75) !important;
+  }
+
   @each $name, $pair in $colors {
     $color: nth($pair, 1);
-    $color-invert: nth($pair, 2);
 
     &.is-#{$name} {
       box-shadow: 0.3em 0.3em 1em lighten($color, 30);