:host {
  @apply flex flex-col;
}

h1 {
  @apply text-xl font-bold text-center mb-7;
}

.article {
  @apply flex flex-col mr-5;
  width: 190px;

  img {
    @apply rounded-customerCard;
    width: 190px;
    height: 310px;
  }

  h2 {
    @apply text-lg font-bold m-0 mt-4 mb-2;
  }

  p {
    @apply m-0 break-all;
  }

  .btn-cta-more {
    @apply border-none bg-transparent outline-none text-regular text-ucla-blue font-bold p-0;

    ui-icon {
      @apply inline mx-1 align-middle;
    }
  }
}

.actions {
  @apply flex flex-row justify-center p-8;

  .btn-cta {
    @apply bg-brand text-white font-bold text-lg outline-none border-none rounded-full px-6 py-3;
  }

  .btn-cta-secondary {
    @apply text-brand border-2 border-none bg-white font-bold text-lg px-4 py-2 rounded-full mr-2;
  }
}
