@charset "UTF-8";
@import url(/static/theme.css);

.notice {
  border-radius: 1em;
  background: var(--quote-background-colour);
  border-left: 0.3em solid var(--demo-common-dark-blue);
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-top: 2em;
  margin-bottom: 2em;
  position: relative;
  left: 0;
}

#main a:link,
#main a:visited,
#main a:hover,
#main a:active {
  color: var(--link-colour, var(--default-link-colour, black));
}

.payLink {
  /* Variables */
  --link-colour: var(--button-confirm-foreground);
  --background: var(--button-confirm-background);
  --bottom-line: 6px;
  /* General */
  display: block;
  border-radius: 10px;
  color: var(--link-colour);
  background: var(--background);
  text-decoration: none;
  /* Size */
  max-width: max-content;
  padding: 10px 10px;
  /* Positioning */
  margin-top: 10px;
  margin-bottom: 0;
  /* Transitions */
  transition: background 1s, box-shadow 1s, transform 1s;
  /* Border */
  box-shadow: 0px var(--bottom-line) 0px 0 var(--demo-common-dark-blue);
  -webkit-box-shadow: 0px var(--bottom-line) 0px 0 var(--demo-common-dark-blue);
  -moz-box-shadow: 0px var(--bottom-line) 0px 0 var(--demo-common-dark-blue);
  /* Transformations */
  transform: none;
}
.payLink:hover {
  --background: var(--button-confirm-hovering-background);
  --link-colour: var(--button-confirm-hovering-foreground);
  --bottom-line: 0;
  transform: translateY(6px);
}
.payLink:active {
  --background: var(--button-confirm-active-background);
  --link-colour: var(--button-confirm-active-foreground);
}