Frame Button

.frame-button {
  @extend .u-button-reset;
  @extend .u-material-icons;
  height: 72px;
  width: 72px;
  padding: 24px;

  border-radius: 0;

  &:hover  { background-color: hsla(var(--navy-hsl), .1); }
  &:active { 
    color: hsla(var(--white-hsl), 1);
    background-color: hsla(var(--navy-hsl), 1); 
  }
}