@import "../theme";

:host {
  display: inline-block;
}

.card{
  display: inline-block;
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
  text-decoration: none;
  height: 85px;
  white-space: nowrap;
  width: 100%;
  text-align: center;
  border-radius: $mdc-shape-medium-component-radius;
  overflow: hidden; 
}

.icon{
  display: inline-block;
  width: 50%;
  height: 85px;
  vertical-align: top;
  padding-top: 20px; 
}

* {
  box-sizing: border-box;
}

.text{
  display: inline-block;
  width: 50%;
  height: 85px;
  vertical-align: top;
  color: white;
  line-height: 20px;
  padding-top: 20px; 
}

.info{
  font-weight: bold;
  margin-bottom: 5px; 
}

.caption{
  font-size: 14px; 
}