.agenda-card-body {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(145px, 15vw, 205px);
  grid-template-rows: auto auto;
  grid-template-areas: "copy date" "copy action";
  gap: 0;
  margin: -94px 24px 0;
  padding: 0;
  background: #f7f3e9;
  border: 0 !important;
  border-radius: 22px;
  box-shadow: 0 18px 42px rgba(11, 23, 19, .16);
  overflow: hidden;
}
.agenda-card-body::before,
.agenda-card-body::after {
  content: "";
  position: absolute;
  right: clamp(135px, 14vw, 195px);
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #17202b;
  transform: translateX(50%);
  z-index: 3;
}
.agenda-card-body::before { top: -11px; }
.agenda-card-body::after { bottom: -11px; }
.agenda-card-copy {
  grid-area: copy;
  min-width: 0;
  padding: 28px 30px 26px;
}
.agenda-card-date {
  grid-area: date;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 22px 16px 10px;
  border-left: 1px dashed rgba(11, 23, 19, .45);
}
.agenda-card-date strong { font-size: 39px; }
.agenda-card-date span { font-size: 9px; }
.agenda-card h4 { font-size: clamp(24px, 2.7vw, 40px); }
.agenda-card-link {
  grid-area: action;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
  width: auto;
  height: auto;
  margin: 5px 18px 18px;
  padding: 13px 14px;
  border: 0;
  border-radius: 999px;
  background: #2c56a3;
  color: #fff;
  font: 700 12px 'Syne';
  letter-spacing: .09em;
  text-transform: uppercase;
  transition: transform .25s, background .25s;
}
.agenda-card-link b { font-size: 20px; line-height: 0; }
.agenda-card:hover .agenda-card-link:not(.is-disabled) {
  background: #d88422;
  transform: translateY(-2px);
}
.agenda-card-link.is-disabled { background: rgba(11, 23, 19, .08); color: #68716d; }

@media (max-width: 640px) {
  .agenda-card-media { height: 78vw; }
  .agenda-card-body { grid-template-columns: minmax(0, 1fr) 118px; margin: -62px 10px 0; border-radius: 16px; }
  .agenda-card-body::before, .agenda-card-body::after { right: 118px; width: 18px; height: 18px; }
  .agenda-card-body::before { top: -9px; }
  .agenda-card-body::after { bottom: -9px; }
  .agenda-card-copy { padding: 21px 18px; }
  .agenda-card-date { padding: 17px 8px 7px; gap: 6px; }
  .agenda-card-date strong { font-size: 29px; }
  .agenda-card-date span { font-size: 7px; }
  .agenda-card h4 { font-size: 21px; }
  .agenda-card p { font-size: 12px; }
  .agenda-card-link { margin: 4px 10px 12px; padding: 10px 7px; font-size: 9px; letter-spacing: .06em; }
}