.h-decoration {
  position: relative;
  display: flex;
  flex-direction: column;
}
.h-decoration::after {
  content: "";
  display: inline-block;
  height: 0.1em;
  width: 6rem;
  background-color: var(--primary-light);
  margin-top: 10px;
}
.image-border {
  position: relative;
  box-shadow: 1rem 1rem 0 0.2rem var(--primary-light);
}
:root {
  --divider-height: min(10rem, 10vw);
  --divider-width: 150%;
}
.pad-section-divider {
  padding-top: calc(var(--section-space-m) + var(--divider-height));
  padding-bottom: calc(var(--section-space-m) + var(--divider-height));
}
:has(.custom-divider) {
  position: relative;
}
.custom-divider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}
.custom-divider svg {
  position: relative;
  display: block;
  width: calc(150% + 1.3px);
  left: 50%;
  transform: translateX(-50%);
  height: 150px;
}
.custom-divider--white .shape-fill {
  fill: var(--white);
}
.custom-divider--primary .shape-fill {
  fill: var(--primary);
}
.custom-divider--primary-dark .shape-fill {
  fill: var(--primary-dark);
}
.accent-bg {
  position: relative;
}
.accent-bg::before {
  content: '';
  display: flex;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
  height: 100px;
  background: url('/wp-content/uploads/name.svg');
  background-size: cover;
  background-repeat: no-repeat;
}
.img-decoration {
  --b: .2em;
  /* border thickness */
  --c: var(--white) 25%, var(--primary-light) 25%;
  /* define the color here */
  padding: 1rem;
  background: conic-gradient(from 90deg at top var(--b) left var(--b), var(--c)) 0 0, conic-gradient(from 180deg at top var(--b) right var(--b), var(--c)) 100% 0, conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--c)) 0 100%, conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--c)) 100% 100%;
  background-size: 25% 25%;
  /* adjust border length here */
  background-repeat: no-repeat;
  transition: 1s;
  cursor: pointer;
  border-radius: var(--radius-s);
}
.img-decoration:hover {
  background-size: 51% 51%;
}