/** Styles for Marktplatz.TheaterLueneburg:Component.Molecule.LinkBox */

.LinkBox {
  position: relative;
  height: 100%;
  border: 4px solid transparent;
  font-size: 2.125rem;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
}

.LinkBox a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spaces) * 5) calc(var(--spaces) * 3);
  }

.LinkBox > * {
    position: relative;
    z-index: 1;
  }

.LinkBox::after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    transition: background-color 0.3s;
  }

.LinkBox:hover::after {
    background-color: var(--clr-black);
  }

.LinkBox:hover > * {
    color: var(--clr-white) !important;
  }