/*
* Global button styling
*/
/*
* Breakpoint debugging
*/
/*
* MEDIA QUERIES
* Breakpoints for responsive sites
*/
/*
* SASS Parent append
* Useful if you want to add an append to the parent without writing it out again
* Usage: @include parent-append(":hover")
* Source: https://codepen.io/imkremen/pen/RMVBvq
*/
/*
* Skew
* Useful mixing to create skewed edges
* Usage: @include angle-edge(bottomright, 3deg, topleft, 3deg, #fff);
* Source: http://www.hongkiat.com/blog/skewed-edges-css/
*/
.block-table-links ul {
  padding: 0;
  margin: 0;
}
.block-table-links ul .table-row {
  position: relative;
  list-style: none;
  margin: 0;
  font-family: var(--wp--preset--font-family--secondary);
  transition: 200ms ease;
  border-top: 1px solid rgba(10, 10, 10, 0.1);
}
.block-table-links ul .table-row:last-child {
  border-bottom: 1px solid rgba(10, 10, 10, 0.1);
}
.block-table-links ul .table-row::before {
  content: "";
  background: #121212;
  position: absolute;
  inset: 0;
  border-radius: var(--wp--preset--font-size--normal);
  z-index: 0;
  opacity: 0;
  transition: 200ms ease;
}
@media (max-width: 782px) {
  .block-table-links ul .table-row::before {
    border-radius: 0;
    inset: 0 -3rem;
  }
}
.block-table-links ul .table-row:hover, .block-table-links ul .table-row:focus-visible, .block-table-links ul .table-row:focus {
  border-color: transparent;
  opacity: 1;
}
.block-table-links ul .table-row:hover + .table-row, .block-table-links ul .table-row:focus-visible + .table-row, .block-table-links ul .table-row:focus + .table-row {
  border-top-color: transparent;
}
.block-table-links ul .table-row:hover a, .block-table-links ul .table-row:focus-visible a, .block-table-links ul .table-row:focus a {
  text-decoration: none;
  color: #fff;
  opacity: 1;
}
.block-table-links ul .table-row:hover::before, .block-table-links ul .table-row:focus-visible::before, .block-table-links ul .table-row:focus::before {
  opacity: 1;
}
.block-table-links ul .table-row:hover .table-row-col1,
.block-table-links ul .table-row:hover .table-row-col2, .block-table-links ul .table-row:focus-visible .table-row-col1,
.block-table-links ul .table-row:focus-visible .table-row-col2, .block-table-links ul .table-row:focus .table-row-col1,
.block-table-links ul .table-row:focus .table-row-col2 {
  color: #fff;
}
.block-table-links ul .table-row:hover .table-row-link-icon, .block-table-links ul .table-row:focus-visible .table-row-link-icon, .block-table-links ul .table-row:focus .table-row-link-icon {
  opacity: 1;
}
@media (max-width: 782px) {
  .block-table-links ul .table-row:hover .table-row-link-icon, .block-table-links ul .table-row:focus-visible .table-row-link-icon, .block-table-links ul .table-row:focus .table-row-link-icon {
    opacity: 0;
  }
}
.block-table-links ul .table-row p,
.block-table-links ul .table-row svg {
  position: relative;
  z-index: 2;
}
.block-table-links ul .table-row-link {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 var(--wp--preset--spacing--normal);
  padding: 1em;
}
.block-table-links ul .table-row-link::before {
  content: none !important;
}
@media (max-width: 782px) {
  .block-table-links ul .table-row-link {
    padding: 1em 0;
  }
}
.block-table-links ul .table-row-col1 {
  flex: 1 1 280px;
  margin: 0;
  font-size: var(--wp--preset--font-size--normal-medium);
}
.block-table-links ul .table-row-col2 {
  flex: 1 1 280px;
  margin: 0;
  text-transform: uppercase;
  font-size: 15px;
  transition: 200ms ease;
  color: rgba(0, 0, 0, 0.7);
}
.block-table-links ul .table-row-link-icon {
  display: grid;
  place-items: center;
  width: 4.2rem;
  height: 4.2rem;
  background: #fff;
  border-radius: 999px;
  z-index: 10;
  opacity: 0;
  transition: 200ms ease;
}
.block-table-links ul .table-row-link-icon svg {
  width: 1.8rem;
}/*# sourceMappingURL=block-table-links.css.map */