@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
.card {
  width: 386px !important;
  height: 433px;
  padding: 8px;
  border-radius: 12px;
  width: 266px;
  background-color: #FFFFFF;
  border: 1px solid #ECEEF2;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 266px;
}

.card:hover {
  background-color: #F7F8FA;
  box-shadow: 1px 4px 10px 0px rgba(160, 160, 160, 0.2392156863);
}

.card-small {
  height: 274px;
  padding: 12px;
  border-radius: 12px;
  width: 266px;
  background-color: #FFFFFF;
  border: 1px solid #ECEEF2;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 266px;
}

.card-image {
  padding: 8px 8px 0 8px;
}

.card-image img {
  width: 100%;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-content {
  padding: 8px 8px 0 8px;
  display: flex;
  flex-direction: column;
}

.card-title {
  color: #1F2430;
  font-weight: 500;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card-text {
  font-family: "Inter", sans-serif;
  color: #7A8096;
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card-tag {
  display: inline-block;
  align-self: flex-start;
  padding: 4px 8px 4px 8px;
  width: 82;
  border-radius: 6px;
  border: 1px solid #E6E8F4;
  font-size: 10px;
  font-weight: 500;
  color: #4A5065;
  font-family: "Inter", sans-serif;
}

.card-content hr {
  border: 1px solid #E6E8F4;
  margin: 13px 0 8px;
}

.card-date {
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 500;
  color: #8F95AA;
}

.card-top {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #7A8096;
  font-family: "Inter", sans-serif;
}

.icon-left img {
  transform: translateY(2px);
}

.icon-right img {
  transform: translateY(2px);
  opacity: 0;
}

.card:hover .icon-right img {
  opacity: 1;
}

.card:hover .card-top .icon-right {
  margin-left: 135px;
}/*# sourceMappingURL=card.css.map */