@use "sass:color";
@use "../../style/var";

.bgo-expandable {
  position: relative;

  &__content {
    overflow: hidden;
  }

  &__expand-button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
      to bottom, 
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,1) 100%
    );
  }

  &--expand {
    margin-bottom: 32px;

    .bgo-expandable__expand-button {
      bottom: -32px;
    }
  }
}