.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: 30px}.button.margin-top--double{--component-margin-block-start: 30px}@media(min-width: 768px){.button.margin-top--double{--component-margin-block-start: calc(30px * 2)}}.button.margin-bottom--none{--component-margin-block-end: 0}.button.margin-bottom--single{--component-margin-block-end: 30px}.button.margin-bottom--double{--component-margin-block-end: 30px}@media(min-width: 768px){.button.margin-bottom--double{--component-margin-block-end: calc(30px * 2)}}.button .button__base{margin-block:var(--component-margin-block-start) var(--component-margin-block-end) !important}.aem-Grid>.button:first-child:not(.margin-top--single):not(.margin-top--double) .button__base{margin-block-start:0 !important}.button__base{--button-bg-hover: var(--vcdk-color-bg-button-marketing-hover);--button-bg-pressed: var(--vcdk-color-bg-button-marketing-pressed);--button-bg: var(--vcdk-color-bg-button-marketing);--button-border-color: transparent;--button-border-radius: var(--vcdk-radius-default);--button-cmp-icon-transform: var(--button-icon-transform);--button-color: var(--vcdk-color-text-on-button-marketing);--button-cursor: pointer;--button-display: inline-flex;--button-height: 48px;--button-icon-color: var(--vcdk-color-icon-on-button-marketing);--button-pointer-events: auto;--button-width: auto}.button,.button__base{text-align:var(--button-align, center)}.button--primary,.button--marketing{--button-bg: var(--vcdk-color-bg-button-marketing);--button-bg-hover: var(--vcdk-color-bg-button-marketing-hover);--button-bg-pressed: var(--vcdk-color-bg-button-marketing-pressed);--button-color: var(--vcdk-color-text-on-button-marketing);--button-icon-color: var(--vcdk-color-icon-on-button-marketing)}.button--secondary{--button-bg: var(--custom-color-bg-button-secondary);--button-bg-hover: var(--custom-color-bg-button-secondary-hover);--button-bg-pressed: var(--custom-color-bg-button-secondary-pressed);--button-color: var(--vcdk-color-text-on-button-secondary);--button-border-color: var(--vcdk-color-border-button-secondary);--button-icon-color: var(--vcdk-color-icon-on-button-secondary)}.button--tertiary{--button-bg: var(--vcdk-color-bg-button-tertiary);--button-bg-hover: var(--vcdk-color-bg-button-tertiary-hover);--button-bg-pressed: var(--vcdk-color-bg-button-tertiary-pressed);--button-color: var(--vcdk-color-text-on-button-tertiary);--button-icon-color: var(--vcdk-color-icon-on-button-tertiary)}.button--link{--button-color: var(--vcdk-color-text-link)}.button--left,.button--start{--button-align: start}.button--right,.button--end{--button-align: end}.button--center{--button-align: center}.button--disabled{--button-bg: var(--vcdk-color-bg-disabled);--button-border-color: var(--vcdk-color-bg-disabled);--button-color: var(--vcdk-color-text-disabled);--button-icon-color: var(--vcdk-color-icon-disabled)}.button--disabled .button__anchor{pointer-events:none}.button--full{--button-display: block;--button-align: center;--button-width: 100%}.button--small{--button-height: 40px}.button__anchor{font-family:var(--vcdk-typography-button-font-family-small-screens);font-weight:var(--vcdk-typography-button-weight-small-screens);font-size:var(--vcdk-typography-button-size-small-screens);line-height:var(--vcdk-typography-button-line-height-small-screens);letter-spacing:var(--vcdk-typography-button-letter-spacing-small-screens);align-items:center;background-color:var(--button-bg);border:1px solid;border-color:var(--button-border-color);border-radius:var(--button-border-radius);color:var(--button-color);cursor:var(--button-cursor);display:var(--button-display);min-height:var(--button-height);padding-inline:var(--vcdk-spacing-6);gap:var(--vcdk-spacing-3);position:relative;transition:background-color .4s;width:var(--button-width)}@media(min-width: 960px){.button__anchor{font-family:var(--vcdk-typography-button-font-family-large-screens);font-weight:var(--vcdk-typography-button-weight-large-screens);font-size:var(--vcdk-typography-button-size-large-screens);line-height:var(--vcdk-typography-button-line-height-large-screens);letter-spacing:var(--vcdk-typography-button-letter-spacing-large-screens)}}.button__anchor:hover{--button-cmp-icon-transform: var(--button-icon-transform-hover);background-color:var(--button-bg-hover)}.button__anchor:active{background-color:var(--button-bg-pressed)}.button__anchor:active,.button__anchor:focus,.button__anchor:focus-visible{outline:2px solid var(--vcdk-color-bg-highlight);outline-offset:3px}.button__anchor:disabled{--button-bg: var(--vcdk-color-bg-disabled);--button-border-color: var(--vcdk-color-bg-disabled);cursor:not-allowed}.button__anchor .button__icon--default:after{background-color:var(--button-icon-color);content:"";display:inline-block;-webkit-mask-image:url("../../../../../../content/dam/volvo-media/list-icons/chevron-right.svg#chevron-right-icon-w24-view");mask-image:url("../../../../../../content/dam/volvo-media/list-icons/chevron-right.svg#chevron-right-icon-w24-view");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;pointer-events:none;width:24px;height:24px}@media(min-width: 1200px){.button__anchor .button__icon--default:after{-webkit-mask-image:url("../../../../../../content/dam/volvo-media/list-icons/chevron-right.svg#chevron-right-icon-w16-view");mask-image:url("../../../../../../content/dam/volvo-media/list-icons/chevron-right.svg#chevron-right-icon-w16-view")}}.button__anchor[target=_blank] .button__icon--default:after{background-color:var(--button-icon-color);content:"";display:inline-block;-webkit-mask-image:url("../../../../../../content/dam/volvo-media/list-icons/link-external.svg#link-external-icon-w24-view");mask-image:url("../../../../../../content/dam/volvo-media/list-icons/link-external.svg#link-external-icon-w24-view");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;pointer-events:none;width:24px;height:24px}@media(min-width: 1200px){.button__anchor[target=_blank] .button__icon--default:after{-webkit-mask-image:url("../../../../../../content/dam/volvo-media/list-icons/link-external.svg#link-external-icon-w16-view");mask-image:url("../../../../../../content/dam/volvo-media/list-icons/link-external.svg#link-external-icon-w16-view")}}.button__anchor .button__icon--default::after{--v-icon-size: 24px;display:block;transition:transform .4s;transform:var(--button-cmp-icon-transform)}.button__text{pointer-events:none}.button__icon{--v-icon-size: 24px;display:block}.button__icon--svg{display:block}.button__icon--svg,.button__icon--svg path{fill:var(--button-icon-color) !important}.button__icon .v-icon--16{display:none}.button__icon .v-icon--24{display:inline}