/* One trailing direction mark; the action icon, when present, keeps its meaning. */
@media screen {
:root {
  --suite-cta-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17 17 7M7 7h10v10' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --suite-cta-duration: 180ms;
  --suite-cta-ease: cubic-bezier(.16,1,.3,1);
}
/* Public entry templates and the native app-switch share the same SVG. */
body[data-suite-design] .suite-cta-arrow,
body[data-suite-design] .suite-app-switch-arrow,
body[data-suite-design] :is(a,button) :is(.lucide-arrow-up-right,.lucide-arrow-right) {
  display:inline-block;width:16px;height:16px;flex:0 0 16px;
  stroke-width:1.7;vertical-align:middle;
  transition:scale var(--suite-cta-duration) var(--suite-cta-ease);
}
/* A workspace card is one action, so its direction belongs only to the bottom CTA. */
body[data-suite-design] .workspace-card h3 .lucide-arrow-up-right {display:none}
body[data-suite-design] :is(a,button) :is(.lucide-arrow-up-right,.lucide-arrow-right) {
  background:currentColor;mask:var(--suite-cta-arrow) center/contain no-repeat;
}
body[data-suite-design] :is(a,button) :is(.lucide-arrow-up-right,.lucide-arrow-right)>* {display:none}
body[data-suite-design] :is(a.button,a.btn,.text-link,.suite-app-switch) {
  display:inline-flex;align-items:center;gap:12px;
}
/* Transforming the painted control leaves its neighbours and hit-area layout stable. */
body[data-suite-design] :is(.button,.btn,.billing-primary,.billing-secondary,.suite-app-switch,.text-link,.premium-global-create,.workspace-card),
.wp-block-button__link {
  transition:scale var(--suite-cta-duration) var(--suite-cta-ease);
  transform-origin:center;
}
body[data-suite-design] :is(.button,.btn,.billing-primary,.billing-secondary,.suite-app-switch,.text-link,.premium-global-create,.workspace-card):focus-visible,
.wp-block-button__link:focus-visible {scale:1.025}
body[data-suite-design] :is(a,button):focus-visible :is(.suite-cta-arrow,.suite-app-switch-arrow,.lucide-arrow-up-right,.lucide-arrow-right),
.wp-block-button__link:focus-visible::after {scale:1.12}
/* Yasa's generic external icon used to repeat the trailing arrow before the label. */
.wp-block-button.icon-external .wp-block-button__link::before {display:none}
.wp-block-button__link::after {
  width:16px;height:16px;flex:0 0 16px;
  mask:var(--suite-cta-arrow) center/contain no-repeat;
  transition:scale var(--suite-cta-duration) var(--suite-cta-ease);
}
@media (hover:hover) and (pointer:fine) {
  body[data-suite-design] :is(.button,.btn,.billing-primary,.billing-secondary,.suite-app-switch,.text-link,.premium-global-create,.workspace-card):not(:disabled):not([aria-disabled=true]):hover,
  .wp-block-button__link:not([aria-disabled=true]):hover {scale:1.025}
  body[data-suite-design] :is(a,button):not(:disabled):not([aria-disabled=true]):hover :is(.suite-cta-arrow,.suite-app-switch-arrow,.lucide-arrow-up-right,.lucide-arrow-right),
  .wp-block-button__link:not([aria-disabled=true]):hover::after {scale:1.12}
}
@media (prefers-reduced-motion:reduce) {
  body[data-suite-design] :is(.button,.btn,.billing-primary,.billing-secondary,.suite-app-switch,.text-link,.premium-global-create,.workspace-card),
  body[data-suite-design] :is(a,button) :is(.suite-cta-arrow,.suite-app-switch-arrow,.lucide-arrow-up-right,.lucide-arrow-right),
  .wp-block-button__link,.wp-block-button__link::after {transition:none!important;scale:1!important}
}
}