/* =quicklink block
*/


.block-quicklink {
  position: relative;
}
.block-quicklink__link_container {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 100;
  display: block;
}
.wp-admin .block-quicklink__link_container {
  display: none !important;
}
.block-quicklink__container {
  background: var(--wp--preset--color--background);
  padding: var(--wp--custom--layout--padding);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: inherit;
  text-decoration: none;
}
.block-quicklink::after {
  position: absolute;
  bottom: 0;
  inset: 0;
  content: "";
  border-radius: inherit;
  height: 1px;
  background: linear-gradient(to right, var(--wp--preset--color--secondary), var(--wp--preset--color--primary));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: source-out;
  mask-composite: exclude;
}

.block-quicklink__secondary-text {
  display: block;
  width: 100px;
  color: var(--wp--preset--color--secondary);
  background: -webkit-linear-gradient(0deg, var(--wp--preset--color--secondary) 0%, var(--wp--preset--color--primary) 40%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
  text-transform: uppercase;
  font-size: var(--wp--preset--font-size--small);
}

.block-quicklink__primary-text {
  display: block;
  justify-self: flex-start;
  margin: 0;
}

.block-quicklink__link {
  display: block;
  margin-left: auto;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.53 6.474a.75.75 0 1 0-1.06 1.06l2.715 2.716H6.998a.75.75 0 0 0 0 1.5h6.195l-2.723 2.724a.75.75 0 1 0 1.06 1.06l4-4a.75.75 0 0 0-.03-1.091l-3.97-3.97Z' fill='%23010101'/%3E%3Cpath d='M11 21c5.523 0 10-4.477 10-10S16.523 1 11 1 1 5.477 1 11s4.477 10 10 10Z' stroke='%23010101' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50% 50% no-repeat;
  width: 20px;
  height: 20px;
}

/*Hide extra p being output*/
.block-quicklink__container + p {
  display: none;
}