.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;transition:var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn--default{gap:var(--spacing-5);padding:var(--spacing-2) var(--spacing-4);border:1px solid;border-radius:4px;background:var(--white-color-alpha-20)}.btn--default:not(:hover){color:var(--theme-text-color)!important}.btn--primary{padding:var(--spacing-5) var(--spacing-11);border-radius:999px;background:var(--primary-color);color:var(--on-primary-color);font-weight:700}.btn--primary:hover{background:var(--accent-color);transform:translateY(-1px)}.btn--filter{padding:var(--spacing-5) var(--spacing-8);border:1px solid var(--dark-color-alpha-20);border-radius:20px;background:transparent;color:var(--theme-text-color);font-size:14px;font-weight:500}.btn--pagination{padding:var(--spacing-5) var(--spacing-10)}.btn--page,.btn--pagination{border:1px solid var(--dark-color-alpha-20);border-radius:8px;background:transparent;color:var(--theme-text-color);font-size:14px;font-weight:500}.btn--page{width:40px;height:40px;padding:0}.btn--filter:hover,.btn--page:hover,.btn--pagination:hover:not(:disabled){border-color:var(--accent-color);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.btn--filter.is-active{border-color:var(--primary-color);background:var(--primary-color);color:var(--on-primary-color)}.btn--page.is-active{border-color:var(--accent-color);background:var(--accent-color);color:var(--on-accent-color)}.btn:disabled{opacity:.5;cursor:not-allowed}.dark :is(.btn--filter,.btn--pagination,.btn--page){border-color:var(--white-color-alpha-20)}