/* Buttons */
[class*='button-link'] a {
  display: inline-block;
  padding: 0.313rem 0.625;
}
a.button {
  text-decoration: none;
  font-family: 'niveau-grotesk', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.625rem;
  padding: 0.188rem 1.875rem;
  text-align: center;
  border-radius: 5px;
  &.button--white {
    color: var(--primary_color_1);
    background-color: white;
  }
}

.button--find-estateagent,
.button--contactform {
  position: relative;
  display: block;
  &:before {
    content: url(../../images/icon--search.png);
    position: absolute;
    width: 40px;
    height: 41px;
    top: 1px;
    left: -41px;
    margin-left: -20px;
  }
}
.button--contactform:before {
  content: url(../../images/icon--ask-question.png);
}

.button--smartlife {
  background: url(../../images/smartlife-logo.png) center center no-repeat;
  background-size: 65% auto;
  width: 100%;
  height: 100%;
  align-self: center;
  position: relative;
  &:before {
    z-index: -1;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: black;
    opacity: 0.4;
    transition:
      opacity 0.35s,
      background-color 0.35s;
  }
  &:hover {
    background: url(../../images/smartlife-logo-pink.png) center center
      no-repeat;
    background-size: 65% auto;
    &:before {
      background-color: white;
      opacity: 0.8;
    }
  }
  span {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
}