.event-date .container {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 80px;
}

.date-top-btn,
.date-bottom-btn {
  margin-top: 30px;
  margin-bottom: 20px;
  text-align: center;
}

/* A wrapper that controls positioning */
.date-box-wrapper {
  position: relative;
  display: inline-block;      /* So it wraps the content’s size */
  width: 600px;               /* or whatever max width you want */
  border-radius: 20px;        /* radius for both boxes */
  /* no padding here unless you want space outside the black box too */
}


/* The “behind” box that is rotated and placed behind */
.date-box-behind {
  position: absolute;
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0;
  background-color: #D3FC01; /* Yellow */
  border-radius: 20px;
  /* The magic: shrink it slightly so that when rotated, 
     it doesn’t exceed .box-wrapper’s boundary. */
  transform-origin: center center;
  transform: translate(0, 20px) rotate(-2deg);
  z-index: 0; /* behind */
}

/* The “front” box content (what used to be .date-box) */
.date-box-content {
  position: relative;
  background-color: #212021; /* black */
  color: #fff;
  border-radius: 20px;
  z-index: 1; /* above the behind box */
  padding: 40px 30px;
  box-sizing: border-box; /* ensure padding doesn't change size */
  /* Fill the wrapper (same width/height). 
     One approach: set width: 100%; let height auto. */
  width: 100%;
  height: auto;
}

/* Headline label styles (if you like) */
.date-label {
  font-size: 18px;
  color: #D3FC01;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.date-box-content h1 {
  font-size: 72px; /* was 64px, +8 */
  letter-spacing: -0.05em;
  margin-bottom: 20px;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'ArchivoBlack-2', sans-serif; /* replaced 'Helvetica Neue...' */
  line-height: 1.2;
  text-align: left;
  padding: 0 10px;
  box-sizing: border-box;
  display: inline-block;
}

.date-box-content h3 {
  font-size: 32px; /* was 24px, +8 */
  letter-spacing: -0.05em;
  margin-bottom: 0px;
  color: #D3FC01;
  text-transform: uppercase;
  font-family: 'ArchivoBlack-2', sans-serif; /* replaced 'Helvetica Neue...' */
  line-height: 1.2;
  text-align: left;
  box-sizing: border-box;
  display: inline-block;
}

.date-subtitle {
  font-size: 28px;
  color: #D3FC01;
  margin-bottom: 20px;
}

.date-box-content p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.5;
}