@import 'tao/ui/globals';
@import 'tao/ui/shared/slide_box';

tao-slide-box {
  & > .slide-box-wrapper > .link-close {
    display: none;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    fill: $lighter-grey-color;

    &:hover {
      fill: $grey-color;
    }

    &:hover {
      fill: $grey-color;
    }
  }

  &[with-close-button] > .slide-box-wrapper > .link-close {
    display: flex;
  }
}