/*!*****************************
*****     .button-close    *****
*******************************/

@layer component {
  @scope ([data-component-id$=":button-back"]) {
    /*:scope {
      background-color: pink;
    }*/

    color: var(--clr-primary-500);
    transition: color var(--speed-300);

    &:hover {
      cursor: pointer;
      color: var(--clr-fg-500);
      transition: color var(--speed-300);
    }
  }
}