/* Slide Down */
.art-btn.art-btn,
.menu-btn a {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 40px;
  transition: 0.4s ease;
  border: none;    
}
.art-btn.art-btn,
.menu-btn a {
  color: var(--btn-primary-txt-colour);
  background: var(--btn-primary-bg-colour);
}
.art-btn.art-btn:hover,
.art-btn.art-btn:focus,
.menu-btn a:hover,
.menu-btn a:focus {
  color: var(--btn-primary-txt-colour-hover);    
}
.art-btn.art-btn::after,
.menu-btn a::after {
  content: "";
  background: var(--btn-primary-bg-colour-hover);
  position: absolute;
  z-index: -1;
  display: block;
}
.art-btn.art-btn::after,
.menu-btn a::after {
  transition: all 0.35s;
}
.art-btn.art-btn:hover::after,
.art-btn.art-btn:focus::after,
.menu-btn a:hover::after,
.menu-btn a:focus::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.35s;
}
.art-btn.art-btn::after,
.menu-btn a:after {
  left: 0;
  right: 0;
  top: -100%;
  bottom: 100%;
}

.art-btn-group .art-btn.art-btn:nth-child(even),
.art-btn-group .art-btn-secondary.art-btn {
  color: var(--btn-secondary-txt-colour);
  background: var(--btn-secondary-bg-colour);
}
.art-btn-group .art-btn.art-btn:nth-child(even)::after,
.art-btn-group .art-btn-secondary.art-btn::after {
    background: var(--btn-secondary-bg-colour-hover);
}
.art-btn-group .art-btn.art-btn:nth-child(even):hover,
.art-btn-group .art-btn.art-btn:nth-child(even):focus,
.art-btn-group .art-btn-secondary.art-btn:hover,
.art-btn-group .art-btn-secondary.art-btn:focus {
  color: var(--btn-secondary-txt-colour-hover);
}
.art-btn-group .art-btn.art-btn:nth-child(even):hover::after,
.art-btn-group .art-btn.art-btn:nth-child(even):focus::after,
.art-btn-group .art-btn-secondary.art-btn:hover::after,
.art-btn-group .art-btn-secondary.art-btn:focus::after {
  background: var(--btn-secondary-bg-colour-hover);
}
.narrow-modern-valuation-content .art-btn.art-btn {
  color: var(--btn-secondary-bg-colour);
  background: transparent;
  border: 2px solid var(--btn-secondary-bg-colour);
}
.narrow-modern-valuation-content .art-btn.art-btn:hover {
  color: white;
  background: var(--btn-secondary-bg-colour);
}
.narrow-modern-valuation-content .art-btn.art-btn:after {
  background: var(--btn-secondary-bg-colour);
}
