.button{display:inline-flex;align-items:center;justify-content:center;padding:8px 24px;gap:8px;width:182px;height:56px;background:#aca087;border-radius:48px;border:none;cursor:pointer;transition:all .2s ease-in-out;position:relative}@media (max-width:768px){.button{width:100%}}.button-primary{background:#aca087;color:#ffffff}.button-primary .button-text{color:#ffffff}.button-secondary{background:rgba(245,245,245,1)}.button-secondary,.button-secondary .button-text{color:rgba(69,66,61,1)}.button-transparent{background:rgba(255,255,255,.04);color:#ffffff;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 18px rgba(0,0,0,.12)}.button-transparent .button-text{color:#ffffff}.button-transparent:hover{background:rgba(255,255,255,.08)}.button-glass{background:rgba(255,255,255,.1);color:#ffffff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.1)}.button-glass .button-text{color:#ffffff}.button-glass:hover{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3)}.button:hover{background:#9a8f76;transform:translateY(-1px)}.button:active{transform:translateY(0)}.button-text{font-family:Brando Arabic,sans-serif;font-style:normal;font-weight:600;font-size:12px;line-height:normal;white-space:nowrap;order:0;display:flex;height:100%}.arrow-icon,.button-text{align-items:center;justify-content:center}.arrow-icon{display:none;width:24px;height:24px;border-radius:0;flex-shrink:0;display:flex}.button:has(.arrow-icon.show){width:310px;justify-content:space-between}.arrow-icon.show{display:flex;position:absolute;left:24px;top:50%;transform:translateY(-50%);margin:0}