.services-buttons-wrapper {
  background-image: url("/wp-content/themes/whatif/assets/images/services-background.webp");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  filter: grayscale(0.7);
}

.button-wrapper {
  width: 100%;
}

.services-btn {
  display: inline-block;
  color: var(--white);
  padding: 1rem 1.5rem;
  text-decoration: none;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid var(--white);
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0.6
}

.services-btn:hover {
  opacity: 1;
}

.services-btn span {
  display: block;
  width: 100%;
}

.services-btn .top-pin {
  text-align: left;
  font-size: 0.7rem;
}

.services-btn .title {
  font-size: clamp(22px, 2.5vw, 6rem);
  text-align: center;
}

.services-btn .bottom-pin {
  text-align: right;
  font-size: 0.7rem;
}

@media (max-width: 800px) {

  .services-btn .top-pin,
  .services-btn .bottom-pin {
    /* display: none; */
  }
}