.offcanvas {
  .js-offcanvas-close.offcanvas-close {
    display: flex;
    flex-flow: row nowrap;
    gap: 1rem;
    &.btn{
      color: $body-color-inverse;
    }

    &:has(.icon-x){
      flex-flow: row-reverse nowrap;
      justify-content: space-between;
    }

    span.icon{
      color: currentColor;
      > svg{
        top: 0 !important;
      }
    }
  }
}