@import '../../styles/config/colors';

.popups {
  .partnersInfo {
    margin-bottom: 2rem;
  }

  p.endDate {
    color: $gold-dark;
    font-weight: bold;
  }

  .popupDescription,
  .popupEndDate {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;

    .count {
      color: $text-dark;
      max-width: 600px;
      height: 19px;
      font-weight: 400;
      font-size: 0.8rem;
      display: flex;
      justify-content: flex-end;
    }
  }

  .customPopup {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  h4 {
    text-transform: uppercase;
    margin-top: 1rem;
  }
}