a.component-card-event {
  padding: 0px;
  overflow: hidden;
  display: block;
  position: relative;
  padding-bottom: 40px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  a.component-card-event.large {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0px;
    position: relative;
    gap: 0px;
  }
  a.component-card-event.large .card-image {
    width: 50%;
    position: relative;
    display: block;
    height: 100%;
  }
  a.component-card-event.large .card-image img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
  }
  a.component-card-event.large .card-content {
    width: 50%;
    padding: var(--spacing-xl);
    padding-bottom: calc(var(--spacing-xl) + 20px);
  }
  a.component-card-event.large .card-content .title {
    margin: 0px;
    text-align: left;
    margin-bottom: 20px;
  }
  a.component-card-event.large .card-content .cta-container {
    position: absolute;
    bottom: var(--spacing-xl);
    right: var(--spacing-xl);
  }
}
a.component-card-event .card-image {
  background-color: var(--primary);
  aspect-ratio: 16/9;
}
a.component-card-event .card-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
a.component-card-event.hidden {
  display: none;
}
a.component-card-event .card-content {
  padding: 20px;
  width: 100%;
  position: static;
}
a.component-card-event .card-content .label {
  width: fit-content;
  top: 16px;
  left: 16px;
  z-index: 4;
  background-color: var(--background-primary);
  color: var(--primary);
  padding: 8px 16px;
  border: 1px solid #323A44;
  border-radius: 999px;
  line-height: 16px;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: var(--spacing-s);
}
a.component-card-event .card-content .title {
  margin-bottom: var(--spacing-s);
}
a.component-card-event .card-content .title h4 {
  margin: 0px;
}
a.component-card-event .card-content .localisation p, a.component-card-event .card-content .date p {
  display: flex;
  align-items: center;
  gap: 3px;
}
a.component-card-event .card-content .localisation p::before, a.component-card-event .card-content .date p::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%220%200%2014%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1.48047%201.22803H12.4531V9.95973H1.48047V1.22803ZM2.54909%202.29665V8.89111H11.3844V2.29665H2.54909Z%22%20fill%3D%22%23ABBBC5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.68066%203.52456V0.000245488H4.74928V3.52456H3.68066Z%22%20fill%3D%22%23ABBBC5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.18262%203.52438V6.88113e-05H10.2512V3.52438H9.18262Z%22%20fill%3D%22%23ABBBC5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%204.21799H14V5.28661H0V4.21799Z%22%20fill%3D%22%23ABBBC5%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 8px;
}
a.component-card-event .card-content .localisation p {
  margin: 0px;
}
a.component-card-event .card-content .localisation p::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.585%206.85489C10.585%204.94792%209.03907%203.40202%207.1321%203.40202C5.22514%203.40202%203.67924%204.94792%203.67924%206.85489C3.67924%208.76186%205.22514%2010.3078%207.1321%2010.3078C9.03907%2010.3078%2010.585%208.76186%2010.585%206.85489ZM7.1321%201.987C9.82057%201.987%2012%204.16642%2012%206.85489C12%209.54335%209.82057%2011.7228%207.1321%2011.7228C4.44364%2011.7228%202.26421%209.54335%202.26421%206.85489C2.26421%204.16642%204.44364%201.987%207.1321%201.987Z%22%20fill%3D%22%23ABBBC5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.04298%206.85511C8.04298%206.35239%207.63545%205.94486%207.13273%205.94486C6.63002%205.94486%206.22249%206.35239%206.22249%206.85511C6.22249%207.35782%206.63002%207.76536%207.13273%207.76536C7.63545%207.76536%208.04298%207.35782%208.04298%206.85511ZM7.13273%204.52983C8.41695%204.52983%209.45801%205.57089%209.45801%206.85511C9.45801%208.13932%208.41695%209.18038%207.13273%209.18038C5.84852%209.18038%204.80746%208.13932%204.80746%206.85511C4.80746%205.57089%205.84852%204.52983%207.13273%204.52983Z%22%20fill%3D%22%23ABBBC5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.65821%2011.1606L7.65821%2014.0002L6.34082%2014.0002L6.34082%2011.1606L7.65821%2011.1606Z%22%20fill%3D%22%23ABBBC5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.65821%205.05628e-05L7.65821%202.83968L6.34082%202.83968L6.34082%205.0534e-05L7.65821%205.05628e-05Z%22%20fill%3D%22%23ABBBC5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.83963%207.65866L-1.3984e-07%207.65866L0%206.34127L2.83963%206.34127L2.83963%207.65866Z%22%20fill%3D%22%23ABBBC5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.9998%207.65866L11.1602%207.65866L11.1602%206.34127L13.9998%206.34127L13.9998%207.65866Z%22%20fill%3D%22%23ABBBC5%22%2F%3E%3C%2Fsvg%3E");
}
a.component-card-event .card-content .date p {
  margin: 0px;
}
a.component-card-event .card-content .cta-container {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  left: 20px;
  bottom: 20px;
}
a.component-card-event .card-content .cta-container span {
  color: var(--primary);
  font-weight: 500;
}