.product-card { position: relative; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 10px; height: 150px }
.product-card__title { font-size: 18px; text-align: center; color:#12364B }
.product-card .product-card__category { position: absolute; font-size: 12px; top: 15px; left: 15px; font-weight: 600 }
.product-alphabetic-group { margin-top: 30px }
.product-card-link-overlay {display: none }

.product-card:hover .product-card-link-overlay { display: flex; opacity: 1 }
.product-card:hover { cursor: pointer }

.product-card-link-overlay{ 
  position: absolute; justify-content: center; align-items: center; width: 120px; height: 45px; bottom: 0; right:0; text-decoration: none!important; pointer-events: none;
  font-size: 14px; font-weight: 600; border-radius: 10px 0 10px 0; z-index: 1;
}
.product-card__desc { position: absolute; margin: 0; padding: 0 10px; bottom: 15px; width: 100%; text-align: center; font-size: 11px; color: #12364B }
.product404 { margin-top: 15px; margin-bottom: 0 }

/*pharmaceuticals*/
.product-card.item_medicamentos_de_prescricao { border: 1px solid var(--pharmaceulticas-300) }
.product-card.item_medicamentos_de_prescricao .product-card__category { color: var(--pharmaceulticas-500) }
.product-card.item_medicamentos_de_prescricao:hover { background-color: var(--pharmaceulticas-100); color: var(--pharmaceulticas-500) }
.product-card.item_medicamentos_de_prescricao:hover .product-card-link-overlay { color: white; background-color: var(--pharmaceulticas-500) }


/*Consumer health*/
.product-card.item_cuidados_com_a_saude { border: 1px solid var(--consumer-health-300) }
.product-card.item_cuidados_com_a_saude .product-card__category { color: var(--consumer-health-500) }
.product-card.item_cuidados_com_a_saude:hover { background-color: var(--consumer-health-100); color: var(--consumer-health-500) }
.product-card.item_cuidados_com_a_saude:hover .product-card-link-overlay { color: #fff; background-color: var(--consumer-health-500) }

/*Radiologia*/
.product-card.item_radiologia { border: 1px solid var(--radiologia-300) }
.product-card.item_radiologia .product-card__category { color: var(--radiologia-500) }
.product-card.item_radiologia:hover { background-color:var(--radiologia-100); color: var(--radiologia-500) }
.product-card.item_radiologia:hover .product-card-link-overlay { color: #fff; background-color: var(--radiologia-500) }