.button{--component-margin-block-start: 30px;--component-margin-block-end: 30px}.button.margin-top--none{--component-margin-block-start: 0}.button.margin-top--single{--component-margin-block-start: var(--component-block-spacing)}.button.margin-top--double{--component-margin-block-start: var(--component-block-spacing)}@media(min-width: 768px){.button.margin-top--double{--component-margin-block-start: calc(var(--component-block-spacing) * 2)}}.button.margin-bottom--none{--component-margin-block-end: 0}.button.margin-bottom--single{--component-margin-block-end: var(--component-block-spacing)}.button.margin-bottom--double{--component-margin-block-end: var(--component-block-spacing)}@media(min-width: 768px){.button.margin-bottom--double{--component-margin-block-end: calc(var(--component-block-spacing) * 2)}}.button .button__base{margin-block:var(--component-margin-block-start) var(--component-margin-block-end)}.aem-Grid>.button:first-child:not(.margin-top--single):not(.margin-top--double) .button__base{margin-block-start:0 !important}.button{--button-default-align: center}.button.form-button,.applicationbutton .button{--button-default-align: start}.button{text-align:var(--button-align, var(--button-default-align))}.button--start{--button-align: start}.button--end{--button-align: end}.button--left{--button-align: left}.button--right{--button-align: right}.button--center{--button-align: center}.button__base{min-height:var(--button-height);max-width:100%}.button__base:has(vcdk-button[size=large]){--button-height: 48px}.button__base:has(vcdk-button[size=medium]){--button-height: 40px}.button__base:has(vcdk-button[size=small]){--button-height: 32px}