.btn{border:0;border-radius:var(--border-radius-md);cursor:pointer;font-weight:500;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;text-align:center;padding:7px 16px;font-size:var(--font-xl);text-decoration:none;user-select:none}.btn.primary{background-color:var(--color-primary);color:white}.btn.blue{background-color:var(--color-blue);color:white}.btn.yellow{background-color:var(--color-yellow);color:var(--color-text)}.btn.outline{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary);padding:6px 14px}.btn.gray{background-color:var(--color-light-gray);color:white}.btn.lt-gray{background-color:var(--color-gray-medium);color:white}.btn.ex-lt-gray{background-color:var(--color-background-gray);gap:var(--spacing-md)}.btn.ex-lt-gray img{width:18px;height:18px;flex-shrink:0}.btn.white{background-color:white;color:var(--color-primary)}.btn.sm{padding:6px 12px;font-size:var(--font-md)}.btn.md{font-size:var(--font-lg)}.btn.lg{padding:12px 24px;font-size:var(--font-2xl)}.btn.inverted{color:white;padding:8px 0}a.btn.inverted:hover{color:white}.btn.inverted img{filter:brightness(0) invert(1)}.btn.full{width:100%}.btn.round{border-radius:var(--border-radius-xl)}.btn.icon{width:28px;height:28px;padding:10px !important;border-radius:var(--border-radius-sm);background-position:center;font-size:20px}.btn.icon.sm{font-size:14px}.btn.favorite{height:0;padding:18px !important;border-radius:var(--border-radius-md);background-position:center;font-size:16px}.btn:not(.on) .fav-on{display:none}.btn:not(.on) .fav-off{display:block}.btn.on .fav-on{display:block}.btn.on .fav-off{display:none}@media(any-hover:hover){.btn.primary:hover{background-color:var(--color-primary-hover)}.btn.blue:hover{background-color:var(--color-blue-hover)}.btn.yellow:hover{background-color:var(--color-yellow-hover)}.btn.outline:hover{background-color:var(--color-pink-hover)}.btn.gray:hover{background-color:var(--color-primary)}.btn.lt-gray:hover{background-color:var(--color-light-gray)}.btn.ex-lt-gray:hover{background-color:var(--color-primary);color:white;box-shadow:0 2px 8px var(--color-primary-shadow-medium)}.btn.ex-lt-gray:hover img{filter:brightness(0) invert(1)}.btn.icon:hover{background-color:var(--color-pink-hover)}.btn.favorite:hover{box-shadow:0 2px 8px var(--color-primary-shadow-heavy)}}.btn.primary:active{background-color:var(--color-primary-hover)}.btn.blue:active{background-color:var(--color-blue-hover)}.btn.yellow:active{background-color:var(--color-yellow-hover)}.btn.outline:active{background-color:var(--color-pink-hover)}.btn.gray:active{background-color:var(--color-primary)}.btn.lt-gray:active{background-color:var(--color-light-gray)}.btn.icon:active{background-color:var(--color-pink-hover)}.btn.favorite:active{box-shadow:0 1px 4px var(--color-primary-shadow-medium)}.btn.ex-lt-gray:active{box-shadow:0 1px 4px var(--color-primary-shadow-medium)}.view-selector{background-color:transparent;border:1px solid transparent;padding:8px;cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;width:28px;height:28px}.view-selector:hover{background-color:var(--color-pink-hover)}.view-selector.active{border-color:var(--color-primary)}.view-selector img{width:20px;height:20px;display:block}