.c4y-bpss {
  width: 100%;
  max-width: none;
}

.c4y-bpss a.c4y-bpss__back,
.c4y-bpss a.c4y-bpss__back:link,
.c4y-bpss a.c4y-bpss__back:visited {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  color: hsl(220 9% 46%) !important;
  text-decoration: none !important;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  transition: color 0.25s ease;
}

.c4y-bpss a.c4y-bpss__back:hover,
.c4y-bpss a.c4y-bpss__back:focus,
.c4y-bpss a.c4y-bpss__back:focus-visible {
  color: rgb(104, 200, 81) !important;
  text-decoration: none !important;
}

.c4y-bpss a.c4y-bpss__back,
.c4y-bpss a.c4y-bpss__back span,
.c4y-bpss a.c4y-bpss__back svg,
.c4y-bpss a.c4y-bpss__back path {
  color: inherit !important;
  stroke: currentColor;
}

.c4y-bpss__back-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
}

.c4y-bpss__back-icon svg {
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.25s ease;
}

.c4y-bpss__back:hover .c4y-bpss__back-icon svg {
  transform: translateX(-4px);
}

.c4y-bpss__card {
  width: 100%;
  border: 1px solid #d7dce6;
  border-radius: 16px;
  background: #fff;
  padding: 1.5rem;
  box-sizing: border-box;
}

.c4y-bpss__title {
  margin: 0 0 1rem !important;
  color: rgb(20, 31, 56) !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

.c4y-bpss__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.c4y-bpss__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.75rem;
  background: hsl(220 14% 96%);
  color: hsl(220 9% 46%);
  text-decoration: none !important;
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease;
}

.c4y-bpss__action svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.c4y-bpss__action:hover {
  transform: scale(1.05);
}

.c4y-bpss__action--linkedin:hover {
  background: rgb(10 102 194 / 1);
  color: #fff;
}

.c4y-bpss__action--facebook:hover {
  background: rgb(24 119 242 / 1);
  color: #fff;
}

.c4y-bpss__action--twitter:hover {
  background: rgb(29 161 242 / 1);
  color: #fff;
}