.Green_Btn_With_Icon {
  border: 1px solid #006b45;
  background: linear-gradient(135deg, #006b45 0%, #00885a 45%, #75b82a 100%);
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #fff !important;
  width: 100%;
  padding: 6px 9px;
  position: relative;
  transition: all 0.4s ease;
  box-shadow: 0 4px 12px rgba(0, 107, 69, 0.18);
}

.Green_Btn_With_Icon:hover {
  background: linear-gradient(135deg, #75b82a 0%, #00885a 55%, #006b45 100%);
  border-color: #006b45;
  box-shadow: 0 7px 18px rgba(0, 107, 69, 0.28);
  /* transform: translateY(-1px); */
}

.Green_Btn_With_Icon .icon_holder {
  border-radius: 5px;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Green_Btn_With_Icon .icon_holder .icon_img {
  width: 24px;
  height: 24px;
  transition: transform 0.25s ease;
}

.Green_Btn_With_Icon:hover .icon_holder .icon_img {
  transform: scale(1.15);
}

.Green_Btn_With_Icon .icon_holder .left_icon,
.Green_Btn_With_Icon .icon_holder .right_icon {
  color: #fff;
  font-size: 14px;
}

.Green_Btn_With_Icon .icon_holder .right_icon {
  margin-left: 7px;
}

.Green_Btn_With_Icon .icon_holder .dynamic_icon {
  padding-right: 10px;
}

.Green_Btn_With_Icon .btn_text {
  margin-bottom: 0;
  color: #fff !important;
  font-weight: 500;
}

.Green_Btn_With_Icon:hover .btn_text,
.Green_Btn_With_Icon:hover .icon_holder .left_icon {
  color: #fff !important;
}

.Green_Btn_With_Icon .view-icon {
  display: none;
}

@media (max-width: 575.98px) {
  .Green_Btn_With_Icon {
    font-size: 14px;
    padding: 6px 7px;
  }

  .Green_Btn_With_Icon .view-icon {
    display: block;
    padding: 0;
  }
}