.btn{display:flex;align-items:center;justify-content:center;height:36px;gap:8px;font-size:12px;font-weight:900;line-height:normal;background-color:var(--primary-color);box-shadow:0 4px 10px 0 rgba(0,0,0,.3);color:var(--button-primary-color);border:none;transform:scale(1);transition:all .3s ease-in}.btn:hover{background-color:var(--secondary-color);box-shadow:0 6px 15px 0 var(0,0,0,.4);cursor:pointer;transform:scale(1.1)}.btn-size-x-sm{padding:10px 16px;height:auto;line-height:normal}.btn-size-sm{padding:5px 16px}.btn-size-md{min-width:128px;padding:5px 14px}.btn-size-lg{min-width:200px;padding:5px 16px}.btn-size-icon-button{padding:5px;min-width:40px}.btn-form-br0{border-radius:0}.btn-form-br2{border-radius:2px}.btn-form-br15{border-radius:15px}.btn-form-br30{border-radius:30px}.btn .icon{display:flex;align-items:center}.btn .icon-right{margin-right:-5px}.btn.full-width{width:100%}.btn.secondary{background-color:var(--card-color);box-shadow:0 2px 5px 0 var(--shadow-color-login);color:var(--font-color-quaternary)}.btn.secondary:hover{background-color:var(--border-color);color:var(--font-color);box-shadow:0 5px 10px 0 var(--shadow-color-dark)}.btn.filter{background-color:var(--card-color);color:transparent;margin-bottom:0;width:44px;height:44px;min-width:auto;box-shadow:0 1px 3px 0 var(--shadow-color-login);border-radius:50%;border:1px solid var(--border-color)}.btn.filter svg path{transition:.3s ease}.btn.filter:hover{transform:scale(1.2)}.btn.filter:hover svg path{stroke:var(--primary-color)}@media(max-width:991px){.btn.filter{display:flex}}.btn.icon-btn{background-color:var(--color-white);color:transparent;margin-bottom:0;width:32px;height:32px;min-width:auto;box-shadow:0 2px 5px 0 var(--color-light-blue-gray)}.btn.icon-btn:hover{background-color:var(--color-blue-15)}@media(max-width:991px){.btn.icon-btn{display:flex}}.btn:disabled,.btn[disabled]{cursor:not-allowed;background-color:var(--color-gray2);box-shadow:0 5px 10px 0 rgba(0,0,0,.3);color:var(--color-gray-blue);border:none}.btn:disabled:hover,.btn[disabled]:hover{background-color:var(--border-color)}@media(max-width:768px){.btn{min-width:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{animation:fadeIn .3s ease-in-out forwards}.fade-out{animation:fadeOut .3s ease-in-out forwards}