.black-blocs {
  padding: $font__size-body 0;
  gap: $font__size-body;

  .wp-block-column {
    align-self: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 17rem;
    padding: $font__size-body;

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      min-height: $font__size-body * 4.8;
      font-family: $font__black;
      font-size: $font__size-body * 2;
      line-height: $font__line-height-body * 0.8;
    }

    p {
      font-family: $font__bold;
      font-size: $font__size-body * 0.9;
    }

    a {
      color: $color__white;
      text-decoration: none;

      &::after {
        content: "+";
        position: absolute;
        bottom: -1rem;
        left: 0.7rem;
        font-size: 5rem;
      }

      &:hover {
        color: $color__grey-light;

        &::after {
          content: ">";
          font-size: 3rem;
          bottom: 0;
        }
      }
    }
  }
}