.hima-btn-group {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  margin: calc(-1 * var(--btn_gap_vertical, 8px))
    calc(-1 * var(--btn_gap_horizontal, 12px));
}
.hima-btn-group .hima-btn {
  margin: var(--btn_gap_vertical, 8px) var(--btn_gap_horizontal, 12px);
}
.hima-btn {
  position: relative;
  box-sizing: border-box;
  outline: 0;
  border: 0;
  cursor: pointer;
  white-space: nowrap;
  font-size: 0;
  background-color: unset;
  padding: 0;
  text-align: center;
  z-index: 2;
}
.hima-btn.btn-solid-white,
.hima-btn.btn-solid-black,
.hima-btn.btn-outline-white,
.hima-btn.btn-outline-black {
  padding-left: 14px;
  padding-right: 14px;
  display: inline-block;
  position: relative;
  min-width: 96px;
  height: var(--btn-height);
  padding: 6px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition:
    color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
  --solid-left-url: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTQgMzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNCIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSIgPgoJPHBhdGggZD0iTTAgMzZMMCAwTDAuODU0MDA0IDBDMy4xMDIwNSAwIDUuMTc5MiAxLjE4ODQ4IDYuMzAzMjIgMy4xMTc2OEwxMy4xNTcyIDE0Ljg4MjNDMTQuMjgxMiAxNi44MTE1IDE0LjI4MTIgMTkuMTg4NSAxMy4xNTcyIDIxLjExNzdMNi4zMDMyMiAzMi44ODIzQzUuMTc5MiAzNC44MTE1IDMuMTAyMDUgMzYgMC44NTQwMDQgMzZMMCAzNloiIGZpbGw9InJnYigyNTUsMjU1LDI1NSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoLTEsMCwwLC0xLDE0LDM2KSIgLz4KPC9zdmc+Cg==);
  --solid-right-url: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTQgMzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNCIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSIgY3VzdG9tRnJhbWU9IiMwMDAwMDAiPgoJPHBhdGggIGQ9Ik0wIDM2TDAgMEwwLjg1NDAwNCAwQzMuMTAyMDUgMCA1LjE3OTIgMS4xODg0OCA2LjMwMzIyIDMuMTE3NjhMMTMuMTU3MiAxNC44ODIzQzE0LjI4MTIgMTYuODExNSAxNC4yODEyIDE5LjE4ODUgMTMuMTU3MiAyMS4xMTc3TDYuMzAzMjIgMzIuODgyM0M1LjE3OTIgMzQuODExNSAzLjEwMjA1IDM2IDAuODU0MDA0IDM2TDAgMzZaIiBmaWxsPSJyZ2IoMjU1LDI1NC43NDUsMjU0Ljc0NSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgLz4KPC9zdmc+Cg==);
  --solid-arrow-w: 14px;
  --mask-mid-position-x: 10px;
  --btn-height: 36px;
}
@media screen and (max-width: 767.98px) {
  .hima-btn.btn-solid-white,
  .hima-btn.btn-solid-black,
  .hima-btn.btn-outline-white,
  .hima-btn.btn-outline-black {
    font-size: 12px;
  }
}
.hima-btn.btn-solid-white::before,
.hima-btn.btn-solid-white::after,
.hima-btn.btn-solid-black::before,
.hima-btn.btn-solid-black::after,
.hima-btn.btn-outline-white::before,
.hima-btn.btn-outline-white::after,
.hima-btn.btn-outline-black::before,
.hima-btn.btn-outline-black::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: var(--btn-height);
  transition:
    opacity 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
}
.hima-btn.btn-solid-white::before,
.hima-btn.btn-solid-black::before,
.hima-btn.btn-outline-white::before,
.hima-btn.btn-outline-black::before {
  -webkit-mask-image:
    var(--solid-left-url), linear-gradient(to right, black, black),
    var(--solid-right-url);
  mask-image:
    var(--solid-left-url), linear-gradient(to right, black, black),
    var(--solid-right-url);
  -webkit-mask-position:
    0 0,
    var(--mask-mid-position-x) 0,
    100% 0;
  mask-position:
    0 0,
    var(--mask-mid-position-x) 0,
    100% 0;
  -webkit-mask-size:
    var(--solid-arrow-w) var(--btn-height),
    calc(100% - var(--mask-mid-position-x) * 2) var(--btn-height),
    var(--solid-arrow-w) var(--btn-height);
  mask-size:
    var(--solid-arrow-w) var(--btn-height),
    calc(100% - var(--mask-mid-position-x) * 2) var(--btn-height),
    var(--solid-arrow-w) var(--btn-height);
  -webkit-mask-repeat: no-repeat, no-repeat, no-repeat;
  mask-repeat: no-repeat, no-repeat, no-repeat;
  background-color: #fff;
  z-index: -2;
}
.hima-btn.btn-solid-white::after,
.hima-btn.btn-solid-black::after,
.hima-btn.btn-outline-white::after,
.hima-btn.btn-outline-black::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  width: 98px;
  transition: background-color 0.3s ease-in-out;
  -webkit-mask-image: var(
    --border-mask-url,
    url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOTggMzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI5OCIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSI+Cgk8cmVjdCB3aWR0aD0iOTgiIGhlaWdodD0iMzYiIHg9IjAiIHk9IjAiIC8+Cgk8cGF0aCBkPSJNMCAzNkwwLjg1NDAwNCAzNkMzLjEwMjA1IDM2IDUuMTc5MiAzNC44MTE1IDYuMzAzMjIgMzIuODgyM0wxMy4xNTcyIDIxLjExNzdDMTQuMjgxMiAxOS4xODg1IDE0LjI4MTIgMTYuODExNSAxMy4xNTcyIDE0Ljg4MjNMNi4zMDMyMiAzLjExNzY4QzUuMTc5MiAxLjE4ODQ4IDMuMTAyMDUgMCAwLjg1NDAwNCAwTDAgMEwwIDFMMC44NTQwMDQgMUMxLjg4OTgxIDEgMi43OTM5NSAxLjIyNTU5IDMuNTY2NDEgMS42NzY3NkM0LjMxNDEzIDIuMTEzNDQgNC45MzgzMSAyLjc2MTU2IDUuNDM4OTYgMy42MjEwOUwxMi4yOTMgMTUuMzg1N0MxMi44MDA4IDE2LjI1NzIgMTMuMDU0NyAxNy4xMjg2IDEzLjA1NDcgMThDMTMuMDU0NyAxOC44NzE0IDEyLjgwMDggMTkuNzQyOCAxMi4yOTMgMjAuNjE0M0w1LjQzODk2IDMyLjM3ODlDNC45MzgzMSAzMy4yMzg0IDQuMzE0MTMgMzMuODg2NiAzLjU2NjQxIDM0LjMyMzJDMi43OTM5NSAzNC43NzQ0IDEuODg5ODEgMzUgMC44NTQwMDQgMzVMMCAzNUwwIDM2WiIgZmlsbD0icmdiKDI1NSwyNTUsMjU1KSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSwwLDAsMSwxNSwwKSIgLz4KCTxwYXRoIGQ9Ik04MyAzNkw4My44NTQgMzZDODYuMTAyMSAzNiA4OC4xNzkyIDM0LjgxMTUgODkuMzAzMiAzMi44ODIzTDk2LjE1NzIgMjEuMTE3N0M5Ny4yODEyIDE5LjE4ODUgOTcuMjgxMiAxNi44MTE1IDk2LjE1NzIgMTQuODgyM0w4OS4zMDMyIDMuMTE3NjhDODguMTc5MiAxLjE4ODQ4IDg2LjEwMjEgMCA4My44NTQgMEw4MyAwTDgzIDFMODMuODU0IDFDODQuODg5OCAxIDg1Ljc5MzkgMS4yMjU1OSA4Ni41NjY0IDEuNjc2NzZDODcuMzE0MSAyLjExMzQ0IDg3LjkzODMgMi43NjE1NiA4OC40MzkgMy42MjEwOUw5NS4yOTMgMTUuMzg1N0M5NS44MDA4IDE2LjI1NzIgOTYuMDU0NyAxNy4xMjg2IDk2LjA1NDcgMThDOTYuMDU0NyAxOC44NzE0IDk1LjgwMDggMTkuNzQyOCA5NS4yOTMgMjAuNjE0M0w4OC40MzkgMzIuMzc4OUM4Ny45MzgzIDMzLjIzODQgODcuMzE0MSAzMy44ODY2IDg2LjU2NjQgMzQuMzIzMkM4NS43OTM5IDM0Ljc3NDQgODQuODg5OCAzNSA4My44NTQgMzVMODMgMzVMODMgMzZaIiBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIC8+Cgk8cmVjdCB3aWR0aD0iNjgiIGhlaWdodD0iMSIgeD0iMTUiIHk9IjAiIGZpbGw9InJnYigyNTUsMjU1LDI1NSkiIC8+Cgk8cmVjdCB3aWR0aD0iNjgiIGhlaWdodD0iMSIgeD0iMTUiIHk9IjM1IiBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIiAvPgo8L3N2Zz4K)
  );
  mask-image: var(
    --border-mask-url,
    url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOTggMzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI5OCIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSI+Cgk8cmVjdCB3aWR0aD0iOTgiIGhlaWdodD0iMzYiIHg9IjAiIHk9IjAiIC8+Cgk8cGF0aCBkPSJNMCAzNkwwLjg1NDAwNCAzNkMzLjEwMjA1IDM2IDUuMTc5MiAzNC44MTE1IDYuMzAzMjIgMzIuODgyM0wxMy4xNTcyIDIxLjExNzdDMTQuMjgxMiAxOS4xODg1IDE0LjI4MTIgMTYuODExNSAxMy4xNTcyIDE0Ljg4MjNMNi4zMDMyMiAzLjExNzY4QzUuMTc5MiAxLjE4ODQ4IDMuMTAyMDUgMCAwLjg1NDAwNCAwTDAgMEwwIDFMMC44NTQwMDQgMUMxLjg4OTgxIDEgMi43OTM5NSAxLjIyNTU5IDMuNTY2NDEgMS42NzY3NkM0LjMxNDEzIDIuMTEzNDQgNC45MzgzMSAyLjc2MTU2IDUuNDM4OTYgMy42MjEwOUwxMi4yOTMgMTUuMzg1N0MxMi44MDA4IDE2LjI1NzIgMTMuMDU0NyAxNy4xMjg2IDEzLjA1NDcgMThDMTMuMDU0NyAxOC44NzE0IDEyLjgwMDggMTkuNzQyOCAxMi4yOTMgMjAuNjE0M0w1LjQzODk2IDMyLjM3ODlDNC45MzgzMSAzMy4yMzg0IDQuMzE0MTMgMzMuODg2NiAzLjU2NjQxIDM0LjMyMzJDMi43OTM5NSAzNC43NzQ0IDEuODg5ODEgMzUgMC44NTQwMDQgMzVMMCAzNUwwIDM2WiIgZmlsbD0icmdiKDI1NSwyNTUsMjU1KSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSwwLDAsMSwxNSwwKSIgLz4KCTxwYXRoIGQ9Ik04MyAzNkw4My44NTQgMzZDODYuMTAyMSAzNiA4OC4xNzkyIDM0LjgxMTUgODkuMzAzMiAzMi44ODIzTDk2LjE1NzIgMjEuMTE3N0M5Ny4yODEyIDE5LjE4ODUgOTcuMjgxMiAxNi44MTE1IDk2LjE1NzIgMTQuODgyM0w4OS4zMDMyIDMuMTE3NjhDODguMTc5MiAxLjE4ODQ4IDg2LjEwMjEgMCA4My44NTQgMEw4MyAwTDgzIDFMODMuODU0IDFDODQuODg5OCAxIDg1Ljc5MzkgMS4yMjU1OSA4Ni41NjY0IDEuNjc2NzZDODcuMzE0MSAyLjExMzQ0IDg3LjkzODMgMi43NjE1NiA4OC40MzkgMy42MjEwOUw5NS4yOTMgMTUuMzg1N0M5NS44MDA4IDE2LjI1NzIgOTYuMDU0NyAxNy4xMjg2IDk2LjA1NDcgMThDOTYuMDU0NyAxOC44NzE0IDk1LjgwMDggMTkuNzQyOCA5NS4yOTMgMjAuNjE0M0w4OC40MzkgMzIuMzc4OUM4Ny45MzgzIDMzLjIzODQgODcuMzE0MSAzMy44ODY2IDg2LjU2NjQgMzQuMzIzMkM4NS43OTM5IDM0Ljc3NDQgODQuODg5OCAzNSA4My44NTQgMzVMODMgMzVMODMgMzZaIiBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIC8+Cgk8cmVjdCB3aWR0aD0iNjgiIGhlaWdodD0iMSIgeD0iMTUiIHk9IjAiIGZpbGw9InJnYigyNTUsMjU1LDI1NSkiIC8+Cgk8cmVjdCB3aWR0aD0iNjgiIGhlaWdodD0iMSIgeD0iMTUiIHk9IjM1IiBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIiAvPgo8L3N2Zz4K)
  );
  z-index: -1;
  transform: translateX(-50%);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #fff;
}
.hima-btn.btn-solid-white.btn-large,
.hima-btn.btn-solid-black.btn-large,
.hima-btn.btn-outline-white.btn-large,
.hima-btn.btn-outline-black.btn-large {
  --solid-left-url: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTcgNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNy4wMDAwMDAiIGhlaWdodD0iNDguMDAwMDAwIiBmaWxsPSJub25lIiBjdXN0b21GcmFtZT0iIzAwMDAwMCI+Cgk8cGF0aCBkPSJNMTcgNDhMMTYuNDYxOSA0OEMxNC4zMDkyIDQ4IDEyLjMyIDQ2Ljg1NjQgMTEuMjQzNyA0NUwwLjgwNzI2MSAyN0MtMC4yNjkwODcgMjUuMTQzNiAtMC4yNjkwODcgMjIuODU2NCAwLjgwNzI2MSAyMUwxMS4yNDM4IDNDMTIuMzIgMS4xNDM1OSAxNC4zMDkyIDAgMTYuNDYxOSAwTDE3IDBMMTcgNDhaIiBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIC8+Cjwvc3ZnPgo=);
  --solid-right-url: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTcgNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNy4wMDAwMDAiIGhlaWdodD0iNDguMDAwMDAwIiBmaWxsPSJub25lIiBjdXN0b21GcmFtZT0iIzAwMDAwMCI+Cgk8cGF0aCBkPSJNMTcgNDhMMTYuNDYxOSA0OEMxNC4zMDkyIDQ4IDEyLjMyIDQ2Ljg1NjQgMTEuMjQzNyA0NUwwLjgwNzI2MSAyN0MtMC4yNjkwODcgMjUuMTQzNiAtMC4yNjkwODcgMjIuODU2NCAwLjgwNzI2MSAyMUwxMS4yNDM4IDNDMTIuMzIgMS4xNDM1OSAxNC4zMDkyIDAgMTYuNDYxOSAwTDE3IDBMMTcgNDhaIiBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0ibWF0cml4KC0xLDAsMCwxLDE3LDApIiAvPgo8L3N2Zz4K);
  --btn-height: 48px;
  --solid-arrow-w: 17px;
  --mask-mid-position-x: 10px;
  line-height: 1.25;
  font-size: 16px;
  padding: 14px 24px;
}
.hima-btn.btn-solid-white.btn-small,
.hima-btn.btn-solid-black.btn-small,
.hima-btn.btn-outline-white.btn-small,
.hima-btn.btn-outline-black.btn-small {
  --solid-left-url: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMgMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxMy4wMDAwMDAiIGhlaWdodD0iMjguMDAwMDAwIiBmaWxsPSJub25lIiBjdXN0b21GcmFtZT0iIzAwMDAwMCI+Cgk8Zz4KCQk8cmVjdCB3aWR0aD0iMTMuMDAwMDAwIiBoZWlnaHQ9IjI4LjAwMDAwMCIgeD0iMC4wMDAwMDAiIHk9IjAuMDAwMDAwIiBvcGFjaXR5PSIwIiBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSwwLDAsMSwxMywwKSIgLz4KCQk8cGF0aCBkPSJNMTEuMjk4OCAxNi45NzY4TDYuNzI3NTQgMjQuOTc2OEM1LjY1OTE4IDI2Ljg0NjIgMy42NzEzOSAyOCAxLjUxODA3IDI4TDAgMjhMMCAwTDEuNTE4MDcgMEMzLjY3MTM5IDAgNS42NTkxOCAxLjE1MzgxIDYuNzI3NTQgMy4wMjMxOUwxMS4yOTg4IDExLjAyMzJDMTEuODI2MiAxMS45NDU2IDEyLjA4OTQgMTIuOTcyNyAxMi4wODk0IDE0QzEyLjA4OTQgMTUuMDI3MyAxMS44MjYyIDE2LjA1NDQgMTEuMjk4OCAxNi45NzY4WiIgZmlsbD0icmdiKDI1NSwyNTUsMjU1KSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSwwLDAsMSwxMywwKSIgLz4KCTwvZz4KPC9zdmc+Cg==);
  --solid-right-url: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMgMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxMy4wMDAwMDAiIGhlaWdodD0iMjguMDAwMDAwIiBmaWxsPSJub25lIiBjdXN0b21GcmFtZT0iIzAwMDAwMCI+Cgk8Zz4KCQk8cmVjdCB3aWR0aD0iMTMuMDAwMDAwIiBoZWlnaHQ9IjI4LjAwMDAwMCIgeD0iMC4wMDAwMDAiIHk9IjAuMDAwMDAwIiBvcGFjaXR5PSIwIiBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIiAvPgoJCTxwYXRoIGQ9Ik0xMS4yOTg4IDE2Ljk3NjhMNi43Mjc1NCAyNC45NzY4QzUuNjU5MTggMjYuODQ2MiAzLjY3MTM5IDI4IDEuNTE4MDcgMjhMMCAyOEwwIDBMMS41MTgwNyAwQzMuNjcxMzkgMCA1LjY1OTE4IDEuMTUzODEgNi43Mjc1NCAzLjAyMzE5TDExLjI5ODggMTEuMDIzMkMxMS44MjYyIDExLjk0NTYgMTIuMDg5NCAxMi45NzI3IDEyLjA4OTQgMTRDMTIuMDg5NCAxNS4wMjczIDExLjgyNjIgMTYuMDU0NCAxMS4yOTg4IDE2Ljk3NjhaIiBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIC8+Cgk8L2c+Cjwvc3ZnPgo=);
  --btn-height: 28px;
  --solid-arrow-w: 13px;
  --mask-mid-position-x: 10px;
  --border-mask-url: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI4MC4wMDAwMDAiIGhlaWdodD0iMjguMDAwMDAwIiBmaWxsPSJub25lIiBjdXN0b21GcmFtZT0iIzAwMDAwMCI+Cgk8cGF0aCBkPSJNMjQuOTc2OCA2LjI3MjQ4TDE2Ljk3NjggMS43MDEwNUMxNS4xMzIyIDAuNjQ2OTkzIDEyLjg2NzggMC42NDY5OTMgMTEuMDIzMiAxLjcwMTA1TDMuMDIzMTcgNi4yNzI0OEMxLjE1MzcyIDcuMzQwNzQgMCA5LjMyODggMCAxMS40ODE5TDAgNjguNTE4MUMwIDcwLjY3MTIgMS4xNTM3MiA3Mi42NTkzIDMuMDIzMTcgNzMuNzI3NUwxMS4wMjMyIDc4LjI5OUMxMi44Njc4IDc5LjM1MyAxNS4xMzIyIDc5LjM1MyAxNi45NzY4IDc4LjI5OUwyNC45NzY4IDczLjcyNzVDMjYuODQ2MyA3Mi42NTkzIDI4IDcwLjY3MTIgMjggNjguNTE4MUwyOCAxMS40ODE5QzI4IDkuMzI4OCAyNi44NDYzIDcuMzQwNzMgMjQuOTc2OCA2LjI3MjQ4Wk0xNi40ODA3IDIuNTY5MjlMMjQuNDgwNyA3LjE0MDcyQzI0LjY4NTQgNy4yNTc3MiAyNC44ODAxIDcuMzg3NzcgMjUuMDY0NiA3LjUzMDg2QzI1LjIyODIgNy42NTc3MiAyNS4zODM4IDcuNzk0ODQgMjUuNTMxNSA3Ljk0MjIxQzI1LjY4MTMgOC4wOTE2NSAyNS44MjA1IDguMjQ5MjUgMjUuOTQ5MiA4LjQxNTAzQzI2LjA4NjMgOC41OTE1MyAyNi4yMTE0IDguNzc3MjggMjYuMzI0NiA4Ljk3MjNDMjYuNDM3NyA5LjE2NzM1IDI2LjUzNyA5LjM2ODE2IDI2LjYyMjIgOS41NzQ3M0MyNi43MDIzIDkuNzY4NyAyNi43NyA5Ljk2Nzc2IDI2LjgyNTUgMTAuMTcxOUMyNi44ODAyIDEwLjM3MzMgMjYuOTIyIDEwLjU3NjUgMjYuOTUxIDEwLjc4MTVDMjYuOTgzNyAxMS4wMTI3IDI3IDExLjI0NjIgMjcgMTEuNDgxOUwyNyA2OC41MTgxQzI3IDY4Ljc1MzkgMjYuOTgzNyA2OC45ODczIDI2Ljk1MSA2OS4yMTg1QzI2LjkyMiA2OS40MjM1IDI2Ljg4MDIgNjkuNjI2NyAyNi44MjU1IDY5LjgyODFDMjYuNzcwMSA3MC4wMzIyIDI2LjcwMjMgNzAuMjMxMSAyNi42MjIzIDcwLjQyNUMyNi41MzcgNzAuNjMxNyAyNi40Mzc4IDcwLjgzMjYgMjYuMzI0NiA3MS4wMjc3QzI2LjIxMTIgNzEuMjIzIDI2LjA4NTkgNzEuNDA5MSAyNS45NDg2IDcxLjU4NTlDMjUuODIgNzEuNzUxMyAyNS42ODEgNzEuOTA4NiAyNS41MzE1IDcyLjA1NzhDMjUuMzgzNyA3Mi4yMDUzIDI1LjIyNzkgNzIuMzQyNSAyNS4wNjQxIDcyLjQ2OTVDMjQuODc5OCA3Mi42MTI0IDI0LjY4NTMgNzIuNzQyNCAyNC40ODA3IDcyLjg1OTNMMTYuNDgwNyA3Ny40MzA3QzE2LjI3OTMgNzcuNTQ1OCAxNi4wNzIgNzcuNjQ2IDE1Ljg1ODggNzcuNzMxNEMxNS42NjgzIDc3LjgwNzcgMTUuNDczMSA3Ny44NzIyIDE1LjI3MzIgNzcuOTI0OEMxNS4wNzA2IDc3Ljk3ODEgMTQuODY2NCA3OC4wMTg1IDE0LjY2MDMgNzguMDQ1OUMxNC40NDIyIDc4LjA3NSAxNC4yMjIgNzguMDg5NSAxNCA3OC4wODk1QzEzLjc3OCA3OC4wODk1IDEzLjU1NzkgNzguMDc1IDEzLjMzOTcgNzguMDQ1OUMxMy4xMzM3IDc4LjAxODUgMTIuOTI5NCA3Ny45NzgxIDEyLjcyNjggNzcuOTI0OEMxMi41MjY4IDc3Ljg3MjIgMTIuMzMxNiA3Ny44MDc3IDEyLjE0MTEgNzcuNzMxNEMxMS45Mjc5IDc3LjY0NiAxMS43MjA2IDc3LjU0NTggMTEuNTE5MyA3Ny40MzA3TDMuNTE5MyA3Mi44NTkzQzMuMzE0NzEgNzIuNzQyNCAzLjEyMDIxIDcyLjYxMjQgMi45MzU4MiA3Mi40Njk1QzIuNzcyMDcgNzIuMzQyNSAyLjYxNjI4IDcyLjIwNTMgMi40Njg0NiA3Mi4wNTc4QzIuMzE5MDUgNzEuOTA4NyAyLjE4MDEyIDcxLjc1MTUgMi4wNTE2NiA3MS41ODYxQzEuOTE0MjggNzEuNDA5MyAxLjc4ODg3IDcxLjIyMzEgMS42NzU0NSA3MS4wMjc3QzEuNTYyMjYgNzAuODMyNiAxLjQ2MzAzIDcwLjYzMTggMS4zNzc3NyA3MC40MjUzQzEuMjk3NzEgNzAuMjMxMyAxLjIyOTk2IDcwLjAzMjIgMS4xNzQ1MyA2OS44MjgxQzEuMTE5ODYgNjkuNjI2OCAxLjA3ODAzIDY5LjQyMzcgMS4wNDkwNSA2OS4yMTg3QzEuMDE2MzUgNjguOTg3NSAxIDY4Ljc1MzkgMSA2OC41MTgxTDEgMTEuNDgxOUMxIDExLjI0NjEgMS4wMTYzNSAxMS4wMTI2IDEuMDQ5MDQgMTAuNzgxNEMxLjA3ODAyIDEwLjU3NjQgMS4xMTk4NSAxMC4zNzMyIDEuMTc0NTMgMTAuMTcxOUMxLjIyOTkzIDkuOTY3ODggMS4yOTc2MyA5Ljc2ODk1IDEuMzc3NjMgOS41NzUwOEMxLjQ2MjkyIDkuMzY4MzkgMS41NjIyIDkuMTY3NDYgMS42NzU0NSA4Ljk3MjNDMS43ODg3MSA4Ljc3NzE0IDEuOTEzOTIgOC41OTEyNSAyLjA1MTA3IDguNDE0NjNDMi4xNzk2OSA4LjI0OSAyLjMxODgyIDguMDkxNTMgMi40Njg0NiA3Ljk0MjIyQzIuNjE2MTQgNy43OTQ4NSAyLjc3MTc4IDcuNjU3NzQgMi45MzUzNiA3LjUzMDg5QzMuMTE5ODkgNy4zODc3OSAzLjMxNDU0IDcuMjU3NzMgMy41MTkzMSA3LjE0MDcyTDExLjUxOTMgMi41NjkyOUMxMS43MjExIDIuNDUzOTggMTEuOTI4OSAyLjM1MzU2IDEyLjE0MjYgMi4yNjgwM0MxMi4zMzI2IDIuMTkxOTggMTIuNTI3MyAyLjEyNzcgMTIuNzI2OCAyLjA3NTJDMTIuOTI4OCAyLjAyMjAxIDEzLjEzMjYgMS45ODE3MSAxMy4zMzggMS45NTQyOUMxMy41NTY3IDEuOTI1MSAxMy43Nzc0IDEuOTEwNTEgMTQgMS45MTA1MUMxNC4yMjI2IDEuOTEwNTEgMTQuNDQzMyAxLjkyNTEgMTQuNjYyIDEuOTU0MjlDMTQuODY3NCAxLjk4MTcxIDE1LjA3MTIgMi4wMjIwMSAxNS4yNzMyIDIuMDc1MkMxNS40NzI3IDIuMTI3NzEgMTUuNjY3NCAyLjE5MTk5IDE1Ljg1NzUgMi4yNjgwNkMxNi4wNzEyIDIuMzUzNTggMTYuMjc4OSAyLjQ1Mzk5IDE2LjQ4MDcgMi41NjkyOVoiIGZpbGw9InJnYigyNTUsMjU1LDI1NSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCwxLC0xLDAsODAsMCkiIC8+Cjwvc3ZnPgo=);
  line-height: 16px;
  font-size: 12px;
  padding: 6px 16px;
  min-width: 80px;
}
.hima-btn.btn-solid-white .icon-right,
.hima-btn.btn-solid-black .icon-right,
.hima-btn.btn-outline-white .icon-right,
.hima-btn.btn-outline-black .icon-right {
  transform: rotate(-180deg);
}
.hima-btn.btn-solid-white {
  color: #000;
}
.hima-btn.btn-solid-white::after {
  display: none;
}
@media (any-hover: hover) {
  .hima-btn.btn-solid-white:hover::before {
    background-color: #e6e6e6;
  }
}
.hima-btn.btn-solid-black {
  color: #fff;
}
.hima-btn.btn-solid-black::after {
  display: none;
}
.hima-btn.btn-solid-black::before {
  background-color: #000;
}
@media (any-hover: hover) {
  .hima-btn.btn-solid-black:hover::before {
    background-color: #262626;
  }
}
.hima-btn.btn-outline-white {
  color: #fff;
}
.hima-btn.btn-outline-white::before {
  opacity: 0;
}
@media (any-hover: hover) {
  .hima-btn.btn-outline-white:hover {
    color: #000;
  }
  .hima-btn.btn-outline-white:hover::before {
    opacity: 1;
  }
}
.hima-btn.btn-outline-black {
  color: #000;
}
.hima-btn.btn-outline-black::before {
  opacity: 0;
  background-color: #000;
}
.hima-btn.btn-outline-black::after {
  background-color: #000;
}
@media (any-hover: hover) {
  .hima-btn.btn-outline-black:hover {
    color: #fff;
  }
  .hima-btn.btn-outline-black:hover::before {
    opacity: 1;
  }
}
.hima-btn.btn-text-white,
.hima-btn.btn-text-block {
  font-size: 14px;
  font-weight: 400;
  line-height: 125%;
  position: relative;
  padding-bottom: 2px;
}
.hima-btn.btn-text-white::before,
.hima-btn.btn-text-block::before {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  top: 100%;
  left: 0;
  background-color: currentColor;
  transition: width 0.3s ease-in-out;
}
.hima-btn.btn-text-white:after,
.hima-btn.btn-text-block:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 100%;
  right: 0;
  background-color: currentColor;
  transition: width 0.3s ease-in-out;
  transition-delay: 0.1s;
}
@media screen and (max-width: 767.98px) {
  .hima-btn.btn-text-white,
  .hima-btn.btn-text-block {
    font-size: 12px;
  }
}
@media (any-hover: hover) {
  .hima-btn.btn-text-white:hover:before,
  .hima-btn.btn-text-block:hover:before {
    width: 100%;
    transition-delay: 0.1s;
  }
  .hima-btn.btn-text-white:hover:after,
  .hima-btn.btn-text-block:hover:after {
    width: 0;
    transition-delay: 0s;
  }
}
.hima-btn.btn-text-white {
  color: #fff;
}
.hima-btn.btn-text-block {
  color: #000;
}
