.button-vertical{box-sizing:border-box;border:var(--alias-border-width-sm) solid var(--mapped-border-strong);border-radius:var(--alias-border-radius-lg) var(--alias-border-radius-xs) var(--alias-border-radius-lg) var(--alias-border-radius-xs);background-color:var(--mapped-surface-raised);color:var(--mapped-text-body);box-shadow:8px 8px 12px var(--mapped-shadow-button);cursor:pointer;font-family:var(--brand-type-font-family-body);font-size:var(--responsive-fontsize-body-md);line-height:var(--responsive-line-height-body-md);justify-content:center;align-items:center;font-weight:500;display:flex;position:relative}.button-vertical__arrow{transition:right .2s;position:absolute;bottom:-1px;right:-1px}.button-vertical:hover:not(:disabled) .button-vertical__arrow,.button-vertical:active:not(:disabled) .button-vertical__arrow{right:-5px}.button-vertical:hover:not(:disabled){background-color:var(--mapped-surface-hover);color:var(--mapped-text-body)}.button-vertical:active:not(:disabled){background-color:var(--mapped-surface-active);color:var(--mapped-text-body)}.button-vertical:disabled{background-color:var(--mapped-surface-disabled);border-color:var(--mapped-border-disabled);color:var(--mapped-text-disabled);box-shadow:none;cursor:not-allowed}.button-vertical--sm{width:42px;height:154px;padding:var(--alias-spacing-xs)}.button-vertical--md{width:50px;height:174px;padding:var(--alias-spacing-sm)}.button-vertical--lg{width:58px;height:194px;padding:var(--alias-spacing-md)}.button-vertical--fill{background-color:var(--mapped-surface-action);color:var(--mapped-text-on-action)}.button-vertical--fill:hover:not(:disabled){background-color:var(--mapped-surface-action-hover);color:var(--mapped-text-on-action)}.button-vertical--fill:active:not(:disabled){background-color:var(--mapped-surface-inverse);color:var(--mapped-text-on-action)}.button-vertical__text{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:calc(var(--responsive-line-height-body-md) - var(--responsive-fontsize-body-md));line-height:1}