.action-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: $padding;
  .search-bar {
    @include clearfix;
    position: relative;
    float: left;
    display: inline-block;
    margin: 0 $padding;
    width: calc(100% - 100px);
    & > input {
      float: right;
      height: 40px;
      width: calc(100% - 60px);
      padding: 0 ($padding * 2.5);
      background-color: rgba(255,255,255,0.85);
      border: none;
      border-radius: $border-radius 0 0 $border-radius;
      box-shadow: -1px 1px 2px rgba(77, 77, 77, 0.25);
      opacity: 0;
      transition: all 0.2s $ease;
      &:focus {
        outline: none;
      }
    }
    .bd-button {
      float: right;
      &:hover {
        border-radius: 0 $border-radius $border-radius 0;
        + input {
          opacity: 1;
          padding: 0 $padding;
          width: calc(100% - 40px);
        }
      }
    }
  }
  .bd-button {
    float: left;
  }
}

.action-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: $padding;
  .search-bar {
    @include clearfix;
    position: relative;
    float: left;
    display: inline-block;
    margin: 0 $padding;
    width: calc(100% - 100px);
    & > input {
      float: right;
      height: 40px;
      width: calc(100% - 60px);
      padding: 0 ($padding * 2.5);
      background-color: rgba(255,255,255,0.85);
      border: none;
      border-radius: $border-radius 0 0 $border-radius;
      box-shadow: -1px 1px 2px rgba(77, 77, 77, 0.25);
      opacity: 0;
      transition: all 0.2s $ease;
      &:focus {
        outline: none;
      }
    }
    .bd-button {
      float: right;
      &:hover {
        border-radius: 0 $border-radius $border-radius 0;
        + input {
          opacity: 1;
          padding: 0 $padding;
          width: calc(100% - 40px);
        }
      }
    }
  }
  .bd-button {
    float: left;
  }
}

.action-banner--search .search-bar {
  width: 100%;
  margin: 0;
  & > input {
    opacity: 1;
    padding: 0 $padding;
    width: calc(100% - 40px);
  }
}

Add search state styles for the actions container
Add search state styles for the actions container
