.deadlines-events .day-month-box {
  aspect-ratio: 1;
  height: 68px;
  width: 68px;

  text-align: center;

  background: var(--brand-color1);
  color: #fff;
}

a.deadlines-events:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

a.deadlines-events:is(:hover, :focus-visible) .day-month-box {
  background: var(--brand-color2);
}

a.deadlines-events:is(:hover, :focus-visible) .event-title {
  text-decoration-thickness: 2px !important;
}

.deadlines-events
  .deadlines-events-link:is(:hover, :focus-visible, :focus-within)
  .day-month-box {

  background: var(--brand-color2);
  color: #fff;
}

.deadlines-events .day {
  font-size: 1.625rem;
  font-weight: 600;

  margin-bottom: -.5rem;
}

.deadlines-events .month {
  margin: 0;

  text-transform: uppercase;
}

.deadlines-events .year {
  font-size: .75rem;
  font-weight: normal;
  margin: 0;

  transform: translateY(-.25rem);
}

.deadlines-events .deadlines-events-link {
  min-width: 200px;
}

/* Pagination */
.deadlines-events .page-link {
  color: var(--brand-color1);
}

.deadlines-events .active > .page-link,
.page-link.active {
  background-color: var(--brand-color2);
  border-color: var(--brand-color2);

  color: #fff;
  z-index: 3;
}