.bp-link-list .link-list-row {
  gap: 2rem;
  display: grid;
  align-items: start; }
  @media (min-width: 50em) {
    .bp-link-list .link-list-row {
      grid-template-columns: 1fr 1fr;
      gap: 5rem; } }

.bp-link-list .link-list-content {
  margin-bottom: 2rem; }
  @media (min-width: 50em) {
    .bp-link-list .link-list-content {
      grid-column: 2 / 3; } }

.bp-link-list .link-list-images {
  display: none; }
  @media (min-width: 50em) {
    .bp-link-list .link-list-images {
      display: block;
      position: sticky;
      top: 2rem; } }
  .bp-link-list .link-list-images .link-list-images-box {
    aspect-ratio: 615 / 461;
    position: relative; }
    .bp-link-list .link-list-images .link-list-images-box img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      opacity: 0;
      transition: opacity 0.3s ease-in-out; }
      .bp-link-list .link-list-images .link-list-images-box img.active {
        opacity: 1; }

.bp-link-list .link-list-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2rem; }
  .bp-link-list .link-list-list ul .wp-element-button {
    width: 100%;
    position: relative;
    padding-right: 2.5rem; }
    .bp-link-list .link-list-list ul .wp-element-button:after {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%); }
    .bp-link-list .link-list-list ul .wp-element-button:hover, .bp-link-list .link-list-list ul .wp-element-button:focus, .bp-link-list .link-list-list ul .wp-element-button:active {
      opacity: 1; }
    @media (min-width: 50em) {
      .bp-link-list .link-list-list ul .wp-element-button {
        opacity: 0.25;
        font-size: 3rem; }
        .bp-link-list .link-list-list ul .wp-element-button:after {
          opacity: 0;
          width: 70px;
          height: 37px;
          background-image: url("../img/button-arrow-blue-big.svg");
          border-radius: 19px; }
        .bp-link-list .link-list-list ul .wp-element-button:hover:after, .bp-link-list .link-list-list ul .wp-element-button:focus:after, .bp-link-list .link-list-list ul .wp-element-button:active:after {
          opacity: 1;
          background-image: url("../img/button-arrow-white-big.svg"); } }
