.aa-blocks--button-with-description {
  width: 230px;
  display: inline-block;
  margin-bottom: 20px;
}

.wp-block-columns .aa-blocks--button-with-description {
  width: 100%;
}

.aa-blocks--button-with-description .wp-block-column {
  margin-left: 0px;
}

.aa-blocks--button-with-description .hover-overlay {
  display: none;
  background-color: rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 2;
}

.aa-blocks--button-with-description .white-line {
  height: 1px;
  width: 70%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 15%;
}

.aa-blocks--button-with-description .rectangle-button {
  position: relative;
  height: 170px;
  font-size: 24px;
  line-height: 32px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 100;
  margin-bottom: 10px;
}

.aa-blocks--button-with-description a:hover .hover-overlay {
  display: block;
}

.aa-blocks--button-with-description .label {
  position: absolute;
  z-index: 3;
  color: #fff;
  text-align: center;
  width: 90%;
  left: 5%;
}

.aa-blocks--button-with-description .label-top {
  bottom: 50%;
}
.aa-blocks--button-with-description .label-bottom {
  top: 50%;
}

.aa-blocks--button-with-description a:hover .label,
.aa-blocks--button-with-description a:visited .label {
  color: #fff;
}


.aa-blocks--button-with-description .description,
.aa-blocks--button-with-description a:hover .description,
.aa-blocks--button-with-descriptiona a:visited .description {
  color: #000000;
}