/*!******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/components/_circleBtn.scss ***!
  \******************************************************************************************************************************/
@keyframes rotate {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes toBottomLeft {
  49% {
    transform: translate(-100%, 100%);
  }
  50% {
    opacity: 0;
    transform: translate(50%, -50%);
  }
  100% {
    opacity: 1;
  }
}
@keyframes toTopRight {
  49% {
    transform: translate(100%, -100%);
  }
  50% {
    opacity: 0;
    transform: translate(-50%, 50%);
  }
  100% {
    opacity: 1;
  }
}
.circle-btn {
  position: relative;
  display: inline-block;
  width: 140px;
  height: 140px;
  border-radius: 100%;
  background-color: #DFEA00;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
@media screen and (max-width: 901px) {
  .circle-btn {
    width: 100px;
    height: 100px;
  }
}
.circle-btn.animated .circular-text {
  opacity: 1;
  animation: rotate 10s infinite linear;
}
.circle-btn svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
[lang=ar] .circle-btn svg {
  transform: scaleX(-1);
}
@media screen and (max-width: 901px) {
  .circle-btn svg {
    width: 22px;
    height: 22px;
  }
}
.circle-btn .circular-text {
  height: 100%;
  color: #1C2649;
  opacity: 0;
  font-size: 11.1px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  line-height: normal;
  justify-content: center;
  align-items: center;
  display: flex;
}
@media screen and (max-width: 901px) {
  .circle-btn .circular-text {
    font-size: 7px;
    font-weight: 500;
  }
}
.circle-btn .circular-text span {
  letter-spacing: 3px;
}
.circle-btn:hover {
  background-color: #ECF713;
}
.circle-btn:hover.arrow-bottom-left svg {
  animation: toBottomLeft 0.7s forwards;
}
.circle-btn:hover.arrow-top-right svg {
  animation: toTopRight 0.7s forwards;
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdC1zcmNfanNfY29tcG9uZW50c19fY2lyY2xlQnRuX2pzLmEyNjliZWY4N2FlNTQyNTE1NjY5LmNzcyIsIm1hcHBpbmdzIjoiOzs7QUEyREE7RUFDRTtJQUNFO0VDMURGO0FBQ0Y7QUQ2REE7RUFDRTtJQUNFO0VDM0RGO0VENkRBO0lBQ0U7RUMzREY7QUFDRjtBRDhEQTtFQUNFO0lBQ0U7RUM1REY7RUQ4REE7SUFDRTtJQUNBO0VDNURGO0VEOERBO0lBQ0U7RUM1REY7QUFDRjtBRCtEQTtFQUNFO0lBQ0U7RUM3REY7RUQrREE7SUFDRTtJQUNBO0VDN0RGO0VEK0RBO0lBQ0U7RUM3REY7QUFDRjtBQWxDQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQSx5QkRKSztFQ0tMO0VET0E7QUM4QkY7QURKRTtFQ3hDRjtJQVdJO0lBQ0E7RUFxQ0Y7QUFDRjtBQWxDSTtFQUNFO0VBQ0E7QUFvQ047QUFoQ0U7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7QUFrQ0o7QURxQ0U7RUNwRUk7QUFrQ047QUR6QkU7RUNsQkE7SUFhSTtJQUNBO0VBa0NKO0FBQ0Y7QUEvQkU7RUFDRTtFQUNBLGNEdENHO0VDdUNIO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtBQWlDSjtBRDVDRTtFQ0FBO0lBY0k7SUFDQTtFQWtDSjtBQUNGO0FBaENJO0VBQ0U7QUFrQ047QUE5QkU7RUFDRSx5QkQ3REs7QUM2RlQ7QUE3Qk07RUFDRTtBQStCUjtBQTFCTTtFQUNFO0FBNEJSLEMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9tcC13YnBrLy4vc3JjL3Njc3MvY29yZS9fdmFyaWFibGVzLnNjc3MiLCJ3ZWJwYWNrOi8vbXAtd2Jway8uL3NyYy9zY3NzL2NvbXBvbmVudHMvX2NpcmNsZUJ0bi5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIiRmb250SW50ZXI6ICdJbnRlcicsIHNhbnMtc2VyaWY7XG4kZm9udFBheXRvbmU6ICdQYXl0b25lIE9uZScsIHNhbnMtc2VyaWY7XG5cbiR3aGl0ZTogI0ZGRkZGRjtcbiRsaW1lOiAjREZFQTAwO1xuJGNpdHJ1czogI0VDRjcxMzsgLy8gbWFpbmx5IGZvciBob3ZlclxuJGJsdWU6ICMxQzI2NDk7XG4kbGlnaHRCbHVlOiAjMjEzNzg2OyAvLyBtYWlubHkgZm9yIGhvdmVyXG4kdGVhbDogIzAwQzNCMDtcbiRncmVlbjogIzM3Q0Q3MztcbiRvcmFuZ2U6ICNGQ0I0NDI7XG4kZ3JleTogI0VCRjFGMTtcbiRzdG9uZUdyZXk6ICNEOUU0RTQ7XG4kcmVkOiAjRkE1RjU1O1xuXG5AbWl4aW4gdHJhbnNpdGlvbigkb2JqLCAkc3BlZWQpIHtcbiAgdHJhbnNpdGlvbjogJG9iaiAkc3BlZWQgY3ViaWMtYmV6aWVyKDAuMSwgMCwgMC4zLCAxKTtcbn1cblxuQG1peGluIHRyYW5zaXRpb25zKCR0cmFuc2l0aW9ucy4uLikge1xuICAkdHJhbnNpdGlvbi1zdHJpbmc6ICgpO1xuICBAZWFjaCAkdHJhbnNpdGlvbiBpbiAkdHJhbnNpdGlvbnMge1xuICAgICRwcm9wZXJ0eTogbnRoKCR0cmFuc2l0aW9uLCAxKTtcbiAgICAkc3BlZWQ6IG50aCgkdHJhbnNpdGlvbiwgMik7XG4gICAgJHRyYW5zaXRpb24tc3RyaW5nOiBhcHBlbmQoJHRyYW5zaXRpb24tc3RyaW5nLCAjeyRwcm9wZXJ0eX0gI3skc3BlZWR9IGN1YmljLWJlemllcigwLjEsIDAsIDAuMywgMSksIGNvbW1hKTtcbiAgfVxuICB0cmFuc2l0aW9uOiAkdHJhbnNpdGlvbi1zdHJpbmc7XG59XG5cbkBtaXhpbiBkZXNrdG9wIHtcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAyNXB4KSB7XG4gICAgQGNvbnRlbnQ7XG4gIH1cbn1cblxuQG1peGluIHRhYmxldCB7XG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMjRweCkge1xuICAgIEBjb250ZW50O1xuICB9XG59XG5cbkBtaXhpbiBtb2JpbGUge1xuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA5MDFweCkge1xuICAgIEBjb250ZW50O1xuICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtciB7XG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDkwMnB4KSB7XG4gICAgQGNvbnRlbnQ7XG4gIH1cbn1cblxuQG1peGluIGJyZWFrcG9pbnQtdygkd2lkdGgpIHtcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHdpZHRoKSB7XG4gICAgQGNvbnRlbnQ7XG4gIH1cbn1cblxuQGtleWZyYW1lcyByb3RhdGUge1xuICB0byB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoLTM2MGRlZyk7XG4gIH1cbn1cblxuQGtleWZyYW1lcyByb3RhdGlvbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgdG9Cb3R0b21MZWZ0IHtcbiAgNDklIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtMTAwJSwgMTAwJSk7XG4gIH1cbiAgNTAlIHtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDUwJSwgLTUwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHRvVG9wUmlnaHQge1xuICA0OSUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDEwMCUsIC0xMDAlKTtcbiAgfVxuICA1MCUge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgNTAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG59XG5cbkBtaXhpbiBydGwge1xuICBbbGFuZz1cImFyXCJdICZ7XG4gICAgQGNvbnRlbnQ7XG4gIH1cbn0iLCJAaW1wb3J0IFwiLi4vY29yZS92YXJpYWJsZXNcIjtcblxuLmNpcmNsZS1idG4ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgd2lkdGg6IDE0MHB4O1xuICBoZWlnaHQ6IDE0MHB4O1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkbGltZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgQGluY2x1ZGUgdHJhbnNpdGlvbihhbGwsIDAuNHMpO1xuXG4gIEBpbmNsdWRlIG1vYmlsZSB7XG4gICAgd2lkdGg6IDEwMHB4O1xuICAgIGhlaWdodDogMTAwcHg7XG4gIH1cblxuICAmLmFuaW1hdGVkIHtcbiAgICAuY2lyY3VsYXItdGV4dCB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgICAgYW5pbWF0aW9uOiByb3RhdGUgMTBzIGluZmluaXRlIGxpbmVhcjtcbiAgICB9XG4gIH1cblxuICBzdmcge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbWFyZ2luOiBhdXRvO1xuXG4gICAgQGluY2x1ZGUgcnRsIHtcbiAgICAgIHRyYW5zZm9ybTogc2NhbGVYKC0xKTtcbiAgICB9XG5cbiAgICBAaW5jbHVkZSBtb2JpbGUge1xuICAgICAgd2lkdGg6IDIycHg7XG4gICAgICBoZWlnaHQ6IDIycHg7XG4gICAgfVxuICB9XG5cbiAgLmNpcmN1bGFyLXRleHQge1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBjb2xvcjogJGJsdWU7XG4gICAgb3BhY2l0eTogMDtcbiAgICBmb250LXNpemU6IDExLjFweDtcbiAgICBmb250LXN0eWxlOiBub3JtYWw7XG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGxpbmUtaGVpZ2h0OiBub3JtYWw7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuXG4gICAgQGluY2x1ZGUgbW9iaWxlIHtcbiAgICAgIGZvbnQtc2l6ZTogN3B4O1xuICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICB9XG5cbiAgICBzcGFuIHtcbiAgICAgIGxldHRlci1zcGFjaW5nOiAzcHg7XG4gICAgfVxuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJGNpdHJ1cztcblxuICAgICYuYXJyb3ctYm90dG9tLWxlZnQge1xuICAgICAgc3ZnIHtcbiAgICAgICAgYW5pbWF0aW9uOiB0b0JvdHRvbUxlZnQgMC43cyBmb3J3YXJkc1xuICAgICAgfVxuICAgIH1cblxuICAgICYuYXJyb3ctdG9wLXJpZ2h0IHtcbiAgICAgIHN2ZyB7XG4gICAgICAgIGFuaW1hdGlvbjogdG9Ub3BSaWdodCAwLjdzIGZvcndhcmRzXG4gICAgICB9XG4gICAgfVxuICB9XG59Il0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9*/