$block = ".klara-ui-accordion";

{$block} {
  &--can-expand {
    position: relative;
    overflow: hidden;
    padding-bottom: 40px;
    transition: height .15s ease;
  }

  &__handle {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 8px;
    width: 100%;
    height: 40px;
    outline: 0;
    border: 0;

    span {
      color: $c-gray-darkest;
      font-weight: 500;
      font-size: $font-size-medium;
    }

    svg {
      fill: $c-gray-darkest;
    }
  }
}