.btn-style1 {
  display: inline-flex;
  align-items: center;
  gap: 0px;
  position: relative;
  transition: all 400ms ease;
}
.btn-style1:hover .theme-btn-arrow-left {
  scale: 1;
}
.btn-style1:hover .theme-btn-arrow-right {
  scale: 0;
}
.btn-style1:hover .theme-btn {
  transform: translateX(56px);
}
.btn-style1 .theme-btn-arrow-left,
.btn-style1 .theme-btn-arrow-right {
  height: 56px;
  line-height: 56px;
  width: 56px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--theme-color1);
  color: var(--theme-color-white);
  border-radius: 50%;
  transition: 0.4s;
  text-align: center;
}
.btn-style1 .theme-btn-arrow-left i,
.btn-style1 .theme-btn-arrow-right i {
  rotate: -30deg;
}
.btn-style1 .theme-btn-arrow-left.theme-btn-arrow-small,
.btn-style1 .theme-btn-arrow-right.theme-btn-arrow-small {
  width: 40px;
  height: 40px;
}
.btn-style1 .theme-btn-arrow-left.gray-arrow,
.btn-style1 .theme-btn-arrow-right.gray-arrow {
  background: #7e8596;
  color: var(--theme-color-white);
}
.btn-style1 .theme-btn-arrow-left.black-arrow,
.btn-style1 .theme-btn-arrow-right.black-arrow {
  background: #0f0f11;
  color: var(--theme-color-white);
}
.btn-style1 .theme-btn-arrow-left.white-arrow,
.btn-style1 .theme-btn-arrow-right.white-arrow {
  background: var(--theme-color-white);
  color: var(--theme-color-black);
}
.btn-style1 .theme-btn-arrow-left.it-btn-arrow,
.btn-style1 .theme-btn-arrow-right.it-btn-arrow {
  background: var(--theme-color1);
  color: var(--theme-color-white);
}
.btn-style1 .theme-btn-arrow-left.fa-theme-btn-trasparent-arrow,
.btn-style1 .theme-btn-arrow-right.fa-theme-btn-trasparent-arrow {
  background-color: transparent;
  color: var(--theme-color1);
  border: 1px solid rgba(6, 21, 50, 0.1);
}
.btn-style1 .theme-btn-arrow-left.transparent-arrow,
.btn-style1 .theme-btn-arrow-right.transparent-arrow {
  border: 1px solid rgb(6, 21, 50);
  background: transparent;
  color: var(--theme-color-black);
}
.btn-style1 .theme-btn-arrow-left.transparent-arrow-2,
.btn-style1 .theme-btn-arrow-right.transparent-arrow-2 {
  border: 1px solid rgb(255, 255, 255);
  background: transparent;
  color: var(--theme-color-white);
}
.btn-style1 .theme-btn-arrow-left.transparent-arrow-3,
.btn-style1 .theme-btn-arrow-right.transparent-arrow-3 {
  border: 1px solid var(--theme-color1);
  background: transparent;
  color: var(--theme-color-white);
}
.btn-style1 .theme-btn-arrow-left {
  scale: 0;
  left: 0;
  right: auto;
  position: absolute;
}
.btn-style1 .theme-btn {
  background: var(--theme-color1);
  color: var(--theme-color-white);
  font-weight: 700;
  font-size: 16px;
  padding: 13px 30px;
  display: inline-flex;
  align-items: center;
  gap: 30px;
  border-radius: 40px;
  transition: 0.4s;
}
.btn-style1 .theme-btn.theme-btn-light {
  background: var(--theme-color-light);
  color: #000;
}
.btn-style1 .theme-btn.theme-btn-white {
  background-color: var(--theme-color-white);
  color: #000;
}
.btn-style1 .theme-btn.it-theme-btn {
  background: var(--theme-color1);
  color: var(--theme-color-white);
}
.btn-style1 .theme-btn.theme-btn-transparent {
  background-color: transparent;
  color: var(--theme-color1);
  border: 1px solid var(--theme-color1);
}
.btn-style1 .theme-btn.fa-theme-btn-trasparent {
  background-color: transparent;
  color: var(--theme-color1);
  border: 1px solid rgba(6, 21, 50, 0.1);
}
.btn-style1 .theme-btn.theme-btn-small {
  padding: 6px 20px 5px;
  font-size: 14px;
  font-weight: 600;
}
.btn-style1.style-2:hover .theme-btn {
  transform: translateX(40px);
}