.elementor-10242 .elementor-element.elementor-element-31d630c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-10242 .elementor-element.elementor-element-31d630c:not(.elementor-motion-effects-element-type-background), .elementor-10242 .elementor-element.elementor-element-31d630c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0000000A;}.elementor-10242 .elementor-element.elementor-element-e7431c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10242 .elementor-element.elementor-element-e7431c9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10242 .elementor-element.elementor-element-5099d56 img{width:100%;max-width:100%;border-radius:16px 16px 16px 16px;}.elementor-10242 .elementor-element.elementor-element-56ab9c2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-10242 .elementor-element.elementor-element-72e68a3{--display:flex;}.elementor-10242 .elementor-element.elementor-element-fce0be5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-10242 .elementor-element.elementor-element-c443ccc{font-size:14px;color:#000000;}.elementor-10242 .elementor-element.elementor-element-d00d904{text-align:end;font-size:14px;color:#757578;}.elementor-10242 .elementor-element.elementor-element-cbc5daa > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-10242 .elementor-element.elementor-element-cbc5daa .elementor-heading-title{font-size:20px;font-weight:500;line-height:28px;}.elementor-10242 .elementor-element.elementor-element-31eb7db > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-10242 .elementor-element.elementor-element-31eb7db{font-size:15px;color:#757578;}.elementor-10242 .elementor-element.elementor-element-b792693 .elementor-button-content-wrapper{flex-direction:row;}.elementor-10242 .elementor-element.elementor-element-b792693 .elementor-button{font-family:"Chakra Petch", Sans-serif;font-weight:600;}@media(min-width:768px){.elementor-10242 .elementor-element.elementor-element-e7431c9{--width:60%;}.elementor-10242 .elementor-element.elementor-element-56ab9c2{--width:40%;}}/* Start custom CSS for container, class: .elementor-element-31d630c *//* Container bao ngoài button tràn 100% */
.elementor-10242 .elementor-element.elementor-element-31d630c #btnview .elementor-button-wrapper {
  width: 100%;
}

/* NÚT BÌNH THƯỜNG (Trong vùng chứa) */
.elementor-10242 .elementor-element.elementor-element-31d630c #btnview .elementor-button {
  display: flex !important;
  width: 100% !important;
  position: relative;
  background: transparent !important;
  color: #1f3d00 !important;
  border: 1px solid #1f3d00 !important;
  border-radius: 12px !important;
  padding: 12px 20px !important;
  justify-content: center;
  align-items: center;
  overflow: visible !important;
  transition: all 0.3s ease;
  z-index: 1;
}

/* KHỐI PSEUDO-ICON BÊN PHẢI (Ẩn mặc định) */
.elementor-10242 .elementor-element.elementor-element-31d630c #btnview .elementor-button::after {
  content: '';
  position: absolute;
  top: 0;
  right: -48px;
  width: 48px;
  height: 100%;
  background: linear-gradient(90deg, #4f6e0b 0%, #3a5706 100%);
  border-radius: 12px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 2;
}

/* CĂN ICON BÊN TRONG KHỐI PSEUDO */
.elementor-10242 .elementor-element.elementor-element-31d630c #btnview .elementor-button-icon {
  position: absolute !important;
  right: -48px !important;
  top: 0 !important;
  width: 48px !important;
  height: 100% !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 3;
}

/* Định dạng Icon cờ */
.elementor-10242 .elementor-element.elementor-element-31d630c #btnview .elementor-button-icon i,
.elementor-10242 .elementor-element.elementor-element-31d630c #btnview .elementor-button-icon svg {
  width: 22px !important;
  height: 22px !important;
  font-size: 22px !important;
  fill: none !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
}

/* =================================================== */
/* CẤP 1: HOVER VÀO CONTAINER CHA                      */
/* (Nút #btnview đổi màu gradient, CHƯA co nút)       */
/* =================================================== */
.elementor-10242 .elementor-element.elementor-element-31d630c:hover #btnview .elementor-button {
  background: linear-gradient(90deg, #1f3d00 0%, #4f6e0b 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

/* =================================================== */
/* CẤP 2: HOVER TRỰC TIẾP VÀO NÚT #btnview             */
/* (Co nút lại + Lòi khối Pseudo Icon)                  */
/* =================================================== */
.elementor-10242 .elementor-element.elementor-element-31d630c #btnview .elementor-button:hover {
  width: calc(100% - 48px) !important;
}

/* Hiện khối pseudo và icon khi hover đúng vào nút */
.elementor-10242 .elementor-element.elementor-element-31d630c #btnview .elementor-button:hover::after,
.elementor-10242 .elementor-element.elementor-element-31d630c #btnview .elementor-button:hover .elementor-button-icon {
  opacity: 1;
  visibility: visible;
  right: -48px;
}/* End custom CSS */