@use '../../styles/abstracts' as *;
@use '../abstracts-theme/variables.theme' as *;

/* Theme Organism - component yap-card */

.o-yap-card {
  .o-yap-card-header {
    &__title-wrapper {
      .o-yap-card-title {
        /*.a-btn.a-btn--secondary {
          border-color: white;
          color: white;
        }*/
        &__text {
          font-size: toRem(13);
          line-height: toRem(18);
          &__description {
            font-weight: 300;
          }
        }
      }
    }

    .a-btn.o-yap-card-menu-trigger {
      background-color: transparent;
      color: themed($theme-map, 'color', 'primary', 500);
      &:hover {
        background-color: themed($theme-map, 'color', 'primary', 300);
        color: themed($theme-map, 'color', 'primary', 600);
      }

      &:focus,
      &:active {
        background-color: themed($theme-map, 'color', 'primary', 300);
      }

      .a-icon:hover {
        color: inherit;
      }
    }
  }
}