.button-title {
  margin-bottom: 3.2ch !important;
  padding-top: 2.2ch;
  border-top: 1px solid #101820;
}
.button-title .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);
}
.button-title .btn:hover, .button-title .btn:active, .button-title .btn:focus {
  background: #9063CD;
  border-color: transparent;
}
.button-title .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, .button-title .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;
}
@media (min-width: 600px) {
  .button-title {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    align-content: center;
    justify-content: space-between;
  }
  .button-title > * {
    margin: 0;
  }
}