/* button base styles */
/* 
effect-1: Seemore, xem thêm, tìm hiểu,...
effect-2: Liên hệ, gọi,..

*/

.button.primary {
  background: var(--background-color-gradient) !important;
  font-size: 16px !important;
}

.button.primary.lowercase.effect-1 {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: var(--background-color-gradient); /* màu nền */
    /* font-family: 'Roboto', sans-serif; */
    font-size: 16px;
    /* padding: 12px 40px 12px 20px;chừa chỗ cho icon bên phải */
    /* border-radius: 4px; đã có inline style nhưng thêm cho chắc */
    overflow: hidden;
    transition: all 0.2s linear;
    margin: 0 !important;
  }
  
  .button.primary.lowercase.effect-1 span {
    position: relative;
    z-index: 2;
    transition: all 0.2s linear;
  }
  
  .button.primary.lowercase.effect-1::before {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.2s linear;
    width: 23px;   /* chỉnh kích thước theo icon */
    height: 23px;
    background: url("/wp-content/uploads/2025/09/Arrow-right-01-01.svg") no-repeat center;
    background-size: contain;
  }
  
  .button.primary.lowercase.effect-1:hover span {
    margin-right: 20px; /* đẩy text qua trái */
  }

  .sec_iso .button.primary.lowercase.effect-1.white:hover span {
    color: #fff !important;
  }
  

  .button.primary.lowercase.effect-1:hover::before {
    opacity: 1;
  }