@font-face {
  font-family: 'Basier Circle';
  font-display: swap;
  font-weight: 400;
  src: url('https://assets.revolut.com/media/fonts/BasierCircle-Regular.woff2');
}
@font-face {
  font-family: 'Basier Circle';
  font-display: swap;
  font-weight: 500;
  src: url('https://assets.revolut.com/media/fonts/BasierCircle-Medium.woff2');
}
@font-face {
  font-family: 'Basier Circle';
  font-display: swap;
  font-weight: 600;
  src: url('https://assets.revolut.com/media/fonts/BasierCircle-SemiBold.woff2');
}
@font-face {
  font-family: 'Inter';
  font-display: swap;
  font-weight: 400;
  src: url('https://assets.revolut.com/media/fonts/Inter-Regular.woff2');
}
@font-face {
  font-family: 'Inter';
  font-display: swap;
  font-weight: 500;
  src: url('https://assets.revolut.com/media/fonts/Inter-Medium.woff2');
}
@font-face {
  font-family: 'Inter';
  font-display: swap;
  font-weight: 600;
  src: url('https://assets.revolut.com/media/fonts/Inter-SemiBold.woff2');
}
@font-face {
  font-family: 'Inter';
  font-display: swap;
  font-weight: 700;
  src: url('https://assets.revolut.com/media/fonts/Inter-Bold.woff2');
}
@font-face {
  font-family: 'Aeonik Pro';
  font-display: swap;
  font-weight: 900;
  src: url('https://assets.revolut.com/media/fonts/AeonikPro-Black.woff2');
}

#wc-revolut-cardholder-name,
#wc-revolut-cardholder-name::placeholder {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Helvetica, Arial, Arimo, sans-serif;
  color: #848484;
} 

#wc-revolut-cardholder-name,
#woocommerce-revolut-card-element {
	border-radius: 10px;
	border: 1px solid #dfe3e7;
	background-color: #ffffff;
	padding: 5px;
	font-size: 16px;
	box-shadow: none;
}

#woocommerce-revolut-card-element{
	margin-bottom: 14px;
}

.wc-revolut-cardholder-name-error,
.woocommerce-revolut-card-element-error {
  background-color: #fdedec !important;
  color:#F26055 !important;
}

#revolut-upsell-banner {
	margin-top: 5px;
}
.hidden_by_revolut {
	display: none !important;
}

.revolut-payment-method-save label {
	display: inline !important;
}

.revolut-error {
	margin-top: 5px;
}

.revolut-pay {
	height: auto;
}