.link-group__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.link-group__item {
  margin: 0;
  padding: 0;
}
.link-group__item:last-child {
  border-bottom: none;
}
.link-group .inner {
  padding: var(--wp--preset--spacing--normal);
  background: rgba(92, 6, 140, 0.925);
  backdrop-filter: blur(3px);
  transition: background 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  z-index: 3;
}
.link-group h3 {
  font-size: var(--wp--preset--font-size--font-26);
  font-weight: 300;
  color: #fff;
}
.link-group h3.is-style-top-border {
  border-color: #fff;
}
.link-group .btn {
  display: inline-flex;
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--font-15);
  font-weight: 500;
  line-height: 1.15;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  padding: 1.35ch 3rem;
  color: #fff;
  background: #5C068C;
  border: 1px solid #5C068C;
  border-radius: 15rem;
  cursor: pointer;
  transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1), background 0.25s cubic-bezier(0.4, 0, 0.2, 1), border 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  background: transparent;
  border-color: #fff;
  margin-top: var(--wp--preset--spacing--normal);
}
.link-group .btn:hover, .link-group .btn:active, .link-group .btn:focus {
  background: #9063CD;
  border-color: transparent;
}
.link-group .btn[href^=http]:not([href*="potterandmooreplc.luminated.co.uk"]):not([href*="creightonsplc.com"]):not([href*="potterandmooreplc.com"]):not([href*="www.potterandmooreplc.com"]):not([href*="www.creightonsplc.com"]):after, .link-group .btn[target=_blank]:after {
  content: "";
  background-color: currentColor;
  width: 16px;
  height: 16px;
  margin: -2px -3px 0 12px;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4213 9.38932V14.6834C14.4213 15.1515 14.2354 15.6003 13.9045 15.9313C13.5735 16.2622 13.1247 16.4481 12.6566 16.4481H2.95074C2.48271 16.4481 2.03385 16.2622 1.70291 15.9313C1.37196 15.6003 1.18604 15.1515 1.18604 14.6834V4.97755C1.18604 4.50952 1.37196 4.06066 1.70291 3.72972C2.03385 3.39877 2.48271 3.21284 2.95074 3.21284H8.24486' stroke='%23006450' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.8916 1.44814H16.1857V6.74225' stroke='%23006450' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.50619 9.12796L16.1862 1.44814' stroke='%23006450' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: cover;
}
.link-group .btn:hover, .link-group .btn:active, .link-group .btn:focus {
  color: #101820;
  background: #fff;
}
.link-group a {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: var(--wp--preset--spacing--m) 6vw calc(var(--wp--preset--spacing--xl) * 3) 6vw;
  position: relative;
  overflow: hidden;
}
.link-group a .bg {
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.link-group a:hover .bg, .link-group a:active .bg, .link-group a:focus .bg {
  transform: scale(1.05);
}
.link-group a:hover .inner, .link-group a:active .inner, .link-group a:focus .inner {
  background: rgba(16, 24, 32, 0.825);
}
@media (min-width: 782px) {
  .link-group.col2 .link-group__list, .link-group.col4 .link-group__list {
    display: flex;
    flex-wrap: wrap;
  }
  .link-group.col2 .link-group__list .link-group__item, .link-group.col4 .link-group__list .link-group__item {
    width: 50%;
    display: flex;
  }
  .link-group.col2 .link-group__list a, .link-group.col4 .link-group__list a {
    padding: var(--wp--preset--spacing--m) var(--wp--preset--spacing--normal) calc(var(--wp--preset--spacing--xl) * 2) var(--wp--preset--spacing--normal);
  }
  .link-group.col3 .link-group__list {
    display: flex;
    flex-wrap: wrap;
  }
  .link-group.col3 .link-group__list .link-group__item {
    width: 33.3333%;
  }
  .link-group.col3 .link-group__list a {
    padding: var(--wp--preset--spacing--m) var(--wp--preset--spacing--normal) calc(var(--wp--preset--spacing--xl) * 2) var(--wp--preset--spacing--normal);
  }
}
@media (min-width: 1200px) {
  .link-group.col4 .link-group__list .link-group__item {
    width: 25%;
  }
  .link-group.col4 .link-group__list a {
    padding: 30px 30px 170px 30px;
  }
  .link-group.col4 .inner {
    padding: 30px;
  }
  .link-group.col4 .inner h3 {
    font-size: var(--wp--preset--font-size--font-22);
  }
}
@media (min-width: 1500px) {
  .link-group.col4 .inner h3 {
    font-size: var(--wp--preset--font-size--font-26);
  }
}
