@import '~styles/layout.scss';

.btnInfo {
  height: auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 10px;
  margin-bottom: 10px;
  fill: $gray;
  transition: fill 0.3s ease;

  &Active {
    fill: $theme-color;
  }

  &:hover {
    box-shadow: none;
    fill: $theme-color;
  }

  &.box {
    height: 45px;
    width: 45px;
    border: solid 1px $border-color;
    border-radius: 4px;
    padding: 0;
    box-shadow: none;
    fill: rgba($theme-color, 0.7);
    transition: fill 150ms ease-out;

    &:hover {
      box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.09);
    }
  }
}

@import '~styles/layout.scss';

.btnInfo {
  height: auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 10px;
  margin-bottom: 10px;
  fill: $gray;
  transition: fill 0.3s ease;

  &Active {
    fill: $theme-color;
  }

  &:hover {
    box-shadow: none;
    fill: $theme-color;
  }

  &.box {
    height: 45px;
    width: 45px;
    border: solid 1px $border-color;
    border-radius: 4px;
    padding: 0;
    fill: rgba($theme-color, 0.7);
    transition: fill 150ms ease-out;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09);
    transition: box-shadow 150ms ease-out;

    &:hover {
      box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.09);
    }
  }
}

Add box-shadow to info button
Add box-shadow to info button
