.malam-button{font-size:var(--font-base);padding:0 var(--padding);border-radius:var(--border-radius6);height:32px;font-weight:var(--bold);cursor:pointer;display:inline-flex;text-align:center;white-space:nowrap;direction:rtl;position:relative;gap:var(--margin-xs);align-items:center;justify-content:center;background-image:none;background:transparent;user-select:none;touch-action:manipulation;box-sizing:border-box;transition:all .6s ease;color:var(--text);border:1px solid transparent;&.malam-btn-small{font-size:var(--font-sm);padding:0 var(--padding-xs);border-radius:var(--border-radius4);height:24px}&.malam-btn-large{padding:0 var(--padding-lg);height:40px}&.malam-btn-solid:not([disabled]):not(:disabled){border:none;&.malam-btn-default{background:var(--default-color);color:var(--white);&:not(:disabled):not([disabled]):not([aria-disabled=true]):hover{background:var(--default-hover)}&:active{background:var(--default-active)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus{background:var(--default-active)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-within,&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-visible{background:var(--default-active);outline:2px solid var(--white);outline-offset:0px;box-shadow:0 0 0 3px var(--default-color)}}&.malam-btn-primary{background:var(--primary-blue);color:var(--white);&:not(:disabled):not([disabled]):not([aria-disabled=true]):hover{background:var(--primary-hover)}&:active{background:var(--primary-active)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus{background:var(--primary-active)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-within,&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-visible{background:var(--primary-active);outline:2px solid var(--white);outline-offset:0px;box-shadow:0 0 0 3px var(--default-color)}}&.malam-btn-secondary{background:var(--secondary);color:var(--white);&:not(:disabled):not([disabled]):not([aria-disabled=true]):hover{background:var(--secondary-hover)}&:active{background:var(--secondary-active)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus{background:var(--secondary-active)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-within,&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-visible{background:var(--secondary-active);outline:2px solid var(--white);outline-offset:0px;box-shadow:0 0 0 3px var(--secondary)}}}&.malam-btn-text{border:none;background:transparent;color:var(--text);&.malam-btn-default{&:not(:disabled):not([disabled]):not([aria-disabled=true]):hover{background:var(--default-bg)}&:active{background:var(--default-bg-active)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus{background:var(--default-bg-active)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-within,&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-visible{background:var(--default-bg-active)}}&.malam-btn-primary{color:var(--primary-blue);&:not(:disabled):not([disabled]):not([aria-disabled=true]):hover{color:var(--primary-hover);background:var(--primary-bg)}&:active{color:var(--primary-active);background:var(--primary-bg-hover)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus{color:var(--primary-active);background:var(--primary-bg-hover)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-within,&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-visible{color:var(--primary-active);background:var(--primary-bg-hover)}}&.malam-btn-secondary{color:var(--secondary);&:not(:disabled):not([disabled]):not([aria-disabled=true]):hover{color:var(--secondary-hover);background:var(--secondary-bg)}&:active{color:var(--secondary-active);background:var(--primary-bg-hover)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus{color:var(--secondary-active);background:var(--primary-bg-hover)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-within,&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-visible{color:var(--secondary-active);background:var(--primary-bg-hover)}}}&.malam-btn-outlined{border:1px solid var(--default-border);background:var(--white);color:var(--default-color);font-weight:var(--normal);transition:all .6s ease;&.malam-btn-default{&:not(:disabled):not([disabled]):not([aria-disabled=true]):hover{color:var(--default-hover);border-color:var(--default-hover);background:var(--white)}&:active{color:var(--default-active);border-color:var(--default-active);background:var(--default-bg)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus{color:var(--default-active);border-color:var(--default-active);background:var(--default-bg)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-within,&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-visible{color:var(--default-active);border-color:var(--default-active);background:var(--default-bg)}}&.malam-btn-primary,&.malam-btn-dark-primary{color:var(--primary-blue);&:not(:disabled):not([disabled]):not([aria-disabled=true]):hover{color:var(--primary-hover);border-color:var(--primary-hover);background:var(--white)}&:active{color:var(--primary-active);background:var(--primary-bg);border-color:var(--primary-active)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus{color:var(--primary-active);background:var(--primary-bg);border-color:var(--primary-active)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-within,&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-visible{color:var(--primary-active);background:var(--primary-bg);border-color:var(--primary-active)}}&.malam-btn-secondary{color:var(--secondary);border-color:var(--secondary);&:not(:disabled):not([disabled]):not([aria-disabled=true]):hover{color:var(--secondary-hover);border-color:var(--secondary-hover);background:var(--white)}&:active{color:var(--secondary-active);background:var(--secondary-bg);border-color:var(--secondary-active)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus{color:var(--secondary-active);background:var(--secondary-bg);border-color:var(--secondary-active)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-within,&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-visible{color:var(--secondary-active);background:var(--secondary-bg);border-color:var(--secondary-active)}}&.malam-btn-dark-primary{border:1px solid var(--primary-blue);font-weight:var(--bold);background:var(--white);&:not(:disabled):not([disabled]):not([aria-disabled=true]):hover{background:var(--primary-bg)}}}&.malam-btn-link{border:none;background:transparent;text-decoration:underline;color:var(--primary-blue);&.malam-btn-primary{color:var(--primary-blue);&:not(:disabled):not([disabled]):not([aria-disabled=true]):hover{color:var(--primary-hover);background:transparent}&:active{color:var(--primary-active);background:transparent}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus{color:var(--primary-active);background:transparent}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-within,&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-visible{color:var(--primary-active);background:transparent}}&.malam-btn-secondary{color:var(--secondary);&:not(:disabled):not([disabled]):not([aria-disabled=true]):hover{color:var(--secondary-hover);background:var(--secondary-bg)}&:active{color:var(--secondary-active);background:var(--primary-bg-hover)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus{color:var(--secondary-active);background:var(--primary-bg-hover)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-within,&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-visible{color:var(--secondary-active);background:var(--primary-bg-hover)}&:not(:disabled):not([disabled]):not([aria-disabled=true]):visited{color:var(--secondary);background:transparent}}&.malam-btn-mid-blue{color:var(--mid-blue);&:not(:disabled):not([disabled]):not([aria-disabled=true]):hover{color:var(--mid-blue-hover);background:transparent}&:active{color:var(--mid-blue-hover);background:transparent}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus{color:var(--mid-blue-hover);background:transparent}&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-within,&:not(:disabled):not([disabled]):not([aria-disabled=true]):focus-visible{color:var(--mid-blue-hover);background:transparent}&:not(:disabled):not([disabled]):not([aria-disabled=true]):visited{color:var(--mevaker-purple);background:transparent}}}&[class*=btn-]:disabled,&[class*=btn-][disabled],&[class*=btn-][aria-disabled=true],&[class*=btn-]:disabled:active,&[class*=btn-][disabled]:active,&[class*=btn-][aria-disabled=true]:active,&[class*=btn-][aria-disabled=true]:hover,&[class*=btn-]:disabled:focus,&[class*=btn-][disabled]:focus,&[class*=btn-][aria-disabled=true]:focus{cursor:not-allowed;border-color:var(--disabled-border);color:var(--disabled-text);background:var(--disabled-bg);box-shadow:none;img{filter:brightness(0) saturate(0) opacity(.25)}}}.malam-flex{display:flex;width:var(--flex-width, "");justify-content:var(--flex-justify, "");align-items:var(--flex-align, "");flex-direction:row;&.malam-flex-direction-column{flex-direction:column}&.malam-flex-direction-row-reverse{flex-direction:row-reverse}}