:root{--derma-btn-radius: 50px;--derma-btn-h-md: 50px;--derma-btn-h-sm: 40px;--derma-btn-px-md: 50px;--derma-btn-px-sm: 35px;--derma-btn-fs-md: 16px;--derma-btn-fs-sm: 14px;--derma-btn-icon-sq-md: 50px;--derma-btn-icon-sq-sm: 40px;--derma-btn-gap: 16px;--derma-btn-tracking: -1.5%}.derma-btn{--_h: var(--derma-btn-h-md);--_px: var(--derma-btn-px-md);--_fs: var(--derma-btn-fs-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--derma-btn-gap);height:var(--_h);padding:0 var(--_px);border-radius:var(--derma-btn-radius);font-family:var(--font-family);font-size:var(--_fs);font-weight:500;line-height:1;letter-spacing:var(--derma-btn-tracking);border:0;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;white-space:nowrap;transition:background-color var(--transition-default),color var(--transition-default),border-color var(--transition-default)}.derma-btn:disabled,.derma-btn.is-disabled{cursor:not-allowed;opacity:.5}.derma-btn--sm{--_h: var(--derma-btn-h-sm);--_px: var(--derma-btn-px-sm);--_fs: var(--derma-btn-fs-sm)}.derma-btn__icon{display:inline-block;flex:0 0 auto;width:8px;height:14px;background-color:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.derma-btn__icon--close{width:14px;height:14px}.derma-btn--filter .derma-btn__icon--close{width:12px;height:12px}.derma-btn__icon--flip{transform:scaleX(-1)}.derma-btn--primary{background:var(--color-blue);color:var(--color-white)}.derma-btn--primary:hover{background:var(--color-dark-blue);color:var(--color-white)}.derma-btn--primary.is-tone-inverse{background:var(--color-off-white);color:var(--color-blue)}.derma-btn--primary.is-tone-inverse:hover{background:var(--color-pale-blue);color:var(--color-black)}.derma-btn--secondary{background:var(--color-off-white);color:var(--color-blue)}.derma-btn--secondary:hover{background:var(--color-black);color:var(--color-white)}.derma-btn--secondary.is-tone-inverse{background:var(--color-dark-blue);color:var(--color-off-white)}.derma-btn--secondary.is-tone-inverse:hover{background:var(--color-blue);color:var(--color-off-white)}.derma-btn--outlined{background:transparent;color:var(--color-black);border:1px solid var(--color-black)}.derma-btn--outlined:hover{background:var(--color-pale-blue);color:var(--color-black);border-color:transparent}.derma-btn--outlined.is-tone-inverse{background:transparent;color:var(--color-off-white);border:1px solid var(--color-off-white)}.derma-btn--outlined.is-tone-inverse:hover{background:var(--color-pale-blue);color:var(--color-black);border-color:transparent}.derma-btn--contrast{background:var(--color-white);color:var(--color-black)}.derma-btn--contrast:hover,.derma-btn--solid{background:var(--color-black);color:var(--color-white)}.derma-btn--solid:hover{background:var(--color-blue);color:var(--color-white)}.derma-btn--nav{background:var(--color-white);color:var(--color-blue)}.derma-btn--nav:hover{background:var(--color-blue);color:var(--color-white)}.derma-btn--category{--_h: var(--derma-btn-h-md);--_px: 28px;gap:8px;background:var(--color-off-white);color:var(--color-black);font-weight:500}.derma-btn--category:hover,.derma-btn--category.is-active{background:var(--color-pale-blue)}.derma-btn--category.derma-btn--sm{--_h: 38px;--_px: 22px;--_fs: 14px}.derma-btn--tab{--_h: var(--derma-btn-h-md);--_px: 28px;--_fs: 14px;background:var(--color-off-white);color:var(--color-black)}.derma-btn--tab:hover{background:var(--color-off-white-dark)}.derma-btn--tab.is-active,.derma-btn--tab.is-active:hover{background:var(--color-black);color:var(--color-white)}.derma-btn--filter{--_h: 30px;--_px: 25px;--_fs: 12px;gap:15px;background:var(--color-off-white);color:var(--color-black);letter-spacing:-1.5%}.derma-btn--filter:hover{background:var(--color-pale-blue)}.derma-btn--primary.is-hovered,.derma-btn--primary.is-hovered:hover{background:var(--color-dark-blue);color:var(--color-white)}.derma-btn--primary.is-tone-inverse.is-hovered,.derma-btn--primary.is-tone-inverse.is-hovered:hover{background:var(--color-pale-blue);color:var(--color-black)}.derma-btn--secondary.is-hovered,.derma-btn--secondary.is-hovered:hover{background:var(--color-black);color:var(--color-white)}.derma-btn--secondary.is-tone-inverse.is-hovered,.derma-btn--secondary.is-tone-inverse.is-hovered:hover{background:var(--color-blue);color:var(--color-off-white)}.derma-btn--outlined.is-hovered,.derma-btn--outlined.is-hovered:hover,.derma-btn--outlined.is-tone-inverse.is-hovered,.derma-btn--outlined.is-tone-inverse.is-hovered:hover{background:var(--color-pale-blue);color:var(--color-black);border-color:transparent}.derma-btn--contrast.is-hovered,.derma-btn--contrast.is-hovered:hover{background:var(--color-black);color:var(--color-white)}.derma-btn--solid.is-hovered,.derma-btn--solid.is-hovered:hover,.derma-btn--nav.is-hovered,.derma-btn--nav.is-hovered:hover{background:var(--color-blue);color:var(--color-white)}.derma-btn--category.is-hovered,.derma-btn--category.is-hovered:hover{background:var(--color-pale-blue)}.derma-btn--tab.is-hovered,.derma-btn--tab.is-hovered:hover{background:var(--color-off-white-dark)}.derma-btn--filter.is-hovered,.derma-btn--filter.is-hovered:hover{background:var(--color-pale-blue)}.derma-btn.is-icon-only{width:var(--derma-btn-icon-sq-md);height:var(--derma-btn-icon-sq-md);padding:0;border-radius:50%;gap:0}.derma-btn.is-icon-only.derma-btn--sm{width:var(--derma-btn-icon-sq-sm);height:var(--derma-btn-icon-sq-sm)}