/* btn */

.btn-outline-primary,
.btn-primary {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 17px 25px;
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
  font-family: "Britanica", sans-serif;
  font-size: var(--font-size-xm);
  font-weight: var(--font-weight-400);
  text-decoration: none;
  transition: background 0.35s ease, color 0.35s ease;
}

.btn-outline-primary {
  border: 1px solid var(--primary);
  background: transparent;
  color: var(--primary);
}

.btn-primary {
  border: 1px solid var(--primary);
  background: var(--primary);
  color: var(--white);
}

.btn-inner {
  display: flex;
  align-items: center;
  gap: 14px;
}

.btn-outline-primary .icon,
.btn-outline-primary .text,
.btn-primary .icon,
.btn-primary .text {
  display: inline-flex;
  align-items: center;
  transition: transform 0.35s ease;
}

.btn-outline-primary .icon img,
.btn-primary .icon img {
  width: 18px;
}

.btn-primary .icon img {
  filter: brightness(0) invert(1);
}

/* Hover effects */

.btn-outline-primary:hover {
  background: var(--primary);
  color: var(--white);
}

.btn-outline-primary:hover .icon {
  transform: translateX(100px);
}
.btn-outline-primary a .text {

  color:  var(--primary);;
}
.btn-outline-primary:hover  .text {
  transform: translateX(-40px);
  color: var(--white);
}

.btn-outline-primary:hover img {
  filter: brightness(0) invert(1);
}


    .btn-outline-primary-1:hover .icon {
  transform: translateX(135px);
}

}
.btn-primary:hover {
  /*background: transparent;*/
  /*color: var(--primary);*/
  background:#EA383F;
}

.btn-primary:hover .icon {
  transform: translateX(100px);
}

.btn-primary:hover .text {
  transform: translateX(-40px);
}

/*.btn-primary:hover img {*/
/*  filter: none;*/
/*}*/

/* Variant */

.btn-primar-1 {
  border: 1px solid var(--black) !important;
  background: var(--black) !important;
  color: var(--white);
}

.btn-primar-1:hover {
  background:#EA383F !important;
  border-color: #EA383F !important;
}

.btn-primar-1:hover .icon {
  transform: translateX(137px);
}

.btn-primar-1:hover .text,
.btn-primar-1:hover img {
  filter: brightness(0) invert(1);
}
.btn-primary-2:hover .icon {
     transform: translateX(135px);
}
/* Services preview */

.services-preview-btn a .text:hover {
  /*background: transparent;*/
  /*color: var(--primary);*/
}

.services-preview-btn:hover .icon {
  transform: translateX(140px) !important;
}

.services-preview-btn:hover .text {
  transform: translateX(-40px);
   /*color: var(--primary);*/
}

/* Responsive */

@media (max-width: 768px) {
  .btn-outline-primary,
  .btn-primary {
    padding: 14px 20px;
  }
}

/* btn-end */

/* btn-end */