/* Motion never changes layout or the existing photo/card transforms. */
.button,.header .button,.login-button,.header .login-button,.icon-button,.message-action,.message-export-options button{
  transition:transform 240ms cubic-bezier(.22,1,.36,1),background-color 240ms ease,color var(--header-color-transition,240ms ease),opacity 240ms ease,filter 240ms ease;
}
.button::before,.button::after{transition:background-color 240ms ease}
.header .button::before,.header .button::after{transition:background-color var(--header-color-transition)}
.header .navigation a,.header .navigation button{transition:transform 240ms ease,opacity 240ms ease}
.discover img{transition:translate 280ms cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){
  .button:not(:disabled):hover{transform:none;filter:drop-shadow(0 4px 6px #1e1e1e12)}
  .button.button-primary:not(:disabled):hover,.pricing-card .pricing-cta:not(:disabled):hover{transform:scale(1.045)}
  .button.about-contact:hover{--smooth-fill:var(--cream);color:#456782}
  .pricing-card .pricing-cta:hover{opacity:1;filter:brightness(.95) drop-shadow(0 4px 6px #1e1e1e18)}
  .header .navigation a:hover,.header .navigation button:hover{transform:none;opacity:.8}
  .login-button:hover{transform:none}
  .discover:hover img{translate:0 5px}
  .icon-button:not(:disabled):hover{opacity:1;transform:scale(1.1)}
  .message-action:not(:disabled):hover{transform:none;background:#9f004b12}
  .message-export-options button:not(:disabled):hover{background:var(--cream);transform:translateX(2px)}
}
.button:not(:disabled):active,.icon-button:not(:disabled):active,.message-action:not(:disabled):active{transform:scale(.97)}
button:disabled{cursor:not-allowed;opacity:.45;transform:none;filter:none}
@media(prefers-reduced-motion:reduce){
  .button,.header .button,.login-button,.header .login-button,.icon-button,.message-action,.message-export-options button,.header .navigation a,.header .navigation button,.discover img,.button::before,.button::after,.header .button::before,.header .button::after{transition:none}
  .button:not(:disabled):hover,.button:not(:disabled):active,.icon-button:not(:disabled):hover,.icon-button:not(:disabled):active,.message-action:not(:disabled):hover,.message-action:not(:disabled):active,.login-button:hover,.header .navigation a:hover,.header .navigation button:hover,.message-export-options button:not(:disabled):hover{transform:none}
  .button.button-primary:not(:disabled):hover,.pricing-card .pricing-cta:not(:disabled):hover{transform:none}
}