.styled-button {
  background: #24285b;
  color: #fff;
  border: 1px solid #24285b;
  border-radius: 4px;
  padding: .8em 2em;
  transition: .2s;
  cursor: pointer;
}

.styled-button:hover {
  color: #24285b;
  transform: translate(-0.25rem, -0.25rem);
  background: #ffd200;
  box-shadow: 0.25rem 0.25rem #24285b;
}

.styled-button:active {
  transform: translate(0);
  box-shadow: none;
}

styled-btn-light {
  background: #ffffff;
  color: #24285b;
  border: 1px solid #ffffff;
  border-radius: 4px;
  padding: .8em 2em;
  transition: .2s;
  cursor: pointer;
}

styled-btn-light:hover {
  background: #ffd200;
  color: #fff;
  border: 1px solid #000;
  border-radius: 4px;
  padding: .8em 2em;
  transition: .2s;
  cursor: pointer;
}

.styled-button-light {
  background: #ffffff;
  color: #24285b;
  border: 1px solid #ffffff;
  border-radius: 4px;
  padding: .8em 2em;
  transition: .2s;
  cursor: pointer;
}

.styled-button-light:hover {
  color: #24285b;
  transform: translate(-0.25rem, -0.25rem);
  background: #ffd200;
  box-shadow: 0.25rem 0.25rem #ffffff;
}

.styled-button-light:active {
  transform: translate(0);
  box-shadow: none;
}

checkout {
  filter: invert(100%);
}

iframe {
  color-scheme: light;
}