.primary-btn1,
.primary-btn2,
.primary-btn3,
.primary-btn5,
.secondary-btn1,
.secondary-btn2,
.secondary-btn4,
.request-tour-btn,
.request-tour-btn.btn-primary,
.request-tour-btn.btn-secondary,
.request-tour-btn.btn-outline,
.request-tour-modal-content .modal-footer .btn-primary,
.request-tour-modal-content .modal-footer .btn-secondary,
.cta-btn.cta-btn-primary,
.cta-btn.cta-btn-secondary {
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease;
}

.primary-btn1::after,
.primary-btn2::after,
.primary-btn3::after,
.primary-btn5::after,
.secondary-btn1::after,
.secondary-btn2::after,
.secondary-btn4::after,
.request-tour-btn::after,
.request-tour-btn.btn-primary::after,
.request-tour-btn.btn-secondary::after,
.request-tour-btn.btn-outline::after,
.request-tour-modal-content .modal-footer .btn-primary::after,
.request-tour-modal-content .modal-footer .btn-secondary::after,
.cta-btn.cta-btn-primary::after,
.cta-btn.cta-btn-secondary::after {
  position: absolute;
  content: "";
  display: block;
  left: 15%;
  right: -20%;
  top: -4%;
  bottom: 0;
  width: 150%;
  height: 150%;
  border-radius: 2px;
  background-color: var(--primary-color2);
  transform: skewX(45deg) scale(0, 1);
  transform-origin: center;
  z-index: -1;
  transition: all 0.5s ease-out 0s;
}

.primary-btn1:hover,
.primary-btn2:hover,
.primary-btn3:hover,
.primary-btn5:hover,
.primary-btn5:hover span,
.secondary-btn1:hover,
.secondary-btn2:hover,
.secondary-btn4:hover,
.request-tour-btn:hover,
.request-tour-btn.btn-primary:hover,
.request-tour-btn.btn-secondary:hover,
.request-tour-btn.btn-outline:hover,
.request-tour-modal-content .modal-footer .btn-primary:hover:not(:disabled),
.request-tour-modal-content .modal-footer .btn-secondary:hover:not(:disabled),
.cta-btn.cta-btn-primary:hover,
.cta-btn.cta-btn-secondary:hover {
  color: var(--title-color) !important;
  opacity: 1;
  box-shadow: none !important;
  transform: none !important;
}

.primary-btn1:hover::after,
.primary-btn2:hover::after,
.primary-btn3:hover::after,
.primary-btn5:hover::after,
.secondary-btn1:hover::after,
.secondary-btn2:hover::after,
.secondary-btn4:hover::after,
.request-tour-btn:hover::after,
.request-tour-btn.btn-primary:hover::after,
.request-tour-btn.btn-secondary:hover::after,
.request-tour-btn.btn-outline:hover::after,
.request-tour-modal-content .modal-footer .btn-primary:hover:not(:disabled)::after,
.request-tour-modal-content .modal-footer .btn-secondary:hover:not(:disabled)::after,
.cta-btn.cta-btn-primary:hover::after,
.cta-btn.cta-btn-secondary:hover::after {
  transform: skewX(45deg) scale(1, 1);
}

.primary-btn1:hover svg,
.primary-btn2:hover svg,
.primary-btn3:hover svg,
.primary-btn5:hover svg,
.secondary-btn1:hover svg,
.secondary-btn2:hover svg,
.secondary-btn4:hover svg,
.request-tour-btn:hover svg,
.request-tour-modal-content .modal-footer .btn-primary:hover:not(:disabled) svg,
.request-tour-modal-content .modal-footer .btn-secondary:hover:not(:disabled) svg,
.cta-btn.cta-btn-primary:hover svg,
.cta-btn.cta-btn-secondary:hover svg {
  fill: currentColor;
}

.primary-btn4 span,
.secondary-btn3 span {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.primary-btn4 span::after,
.secondary-btn3 span::after {
  position: absolute;
  content: "";
  display: block;
  left: 15%;
  right: -20%;
  top: -4%;
  bottom: 0;
  width: 150%;
  height: 150%;
  border-radius: 2px;
  background-color: var(--primary-color2);
  transform: skewX(45deg) scale(0, 1);
  transform-origin: center;
  z-index: -1;
  transition: all 0.5s ease-out 0s;
}

.primary-btn4:hover span,
.secondary-btn3:hover span {
  color: var(--title-color);
}

.primary-btn4:hover span::after,
.secondary-btn3:hover span::after {
  transform: skewX(45deg) scale(1, 1);
}

.request-tour-modal-content .modal-footer .btn-primary:disabled::after,
.request-tour-modal-content .modal-footer .btn-secondary:disabled::after {
  display: none;
}