@charset "utf-8";
.button{
  display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;
  color:var(--color-white);font-size:var(--font-size-base);font-weight:750;line-height:1.2;
  text-align:center;text-decoration:none;background:var(--color-primary);
  border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;box-shadow:none;
  transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)
}
.button:hover{color:var(--color-white);background:var(--color-primary-hover);transform:translateY(-2px)}
.button:active{transform:translateY(0)}
.button--secondary{color:var(--color-primary);background:var(--color-accent-soft)}
.button--secondary:hover{color:var(--color-primary-dark);background:#f4ccc6}
.button--outline{color:var(--color-primary);background:transparent;border-color:var(--color-primary)}
.button--outline:hover{color:var(--color-white);background:var(--color-primary)}
.button--light{color:var(--color-primary-dark);background:var(--color-white)}
.button--light:hover{color:var(--color-primary-dark);background:#ffe7e0}
.button--danger{color:var(--color-white);background:var(--color-error)}
.button--danger:hover{background:#6f1720}
.button--small{min-height:42px;padding-inline:18px;font-size:var(--font-size-sm)}
.button--large{min-height:58px;padding-inline:30px;font-size:var(--font-size-lg)}
.button--block{width:100%}
.button[disabled],.button[aria-disabled="true"]{cursor:not-allowed;opacity:.58;transform:none}

/* Close button added for popup forms*/
.button__close {
    width: 42px;
    height: 42px;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 1.7rem;
    border-radius: 50%;
	cursor: pointer;
}


.button--outline-primary {
    color: var(--color-primary);
    background: transparent;
    border-color: var(--color-primary);
}

.button--outline-primary:hover {
    color: var(--color-white);
    background: var(--color-primary);
    border-color: var(--color-primary);
}