.wpepay-alfatrex-form {
margin: 20px 0;
}
.wpepay-alfatrex-button {
background-color: #a88861;
color: #fff;
padding: 10px 20px;
border: 0;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
transition: background-color 0.3s ease;
}
.wpepay-alfatrex-button:hover {
background-color: #5f4628;
}
.wpepay-alfatrex-input {
width: 100%;
max-width: 140px;
height: 40px;
padding: 10px 15px !important;
margin: 10px !important;
border: 1px solid #a88861 !important;
border-radius: 8px;
font-size: 16px;
font-family: 'Oswald', sans-serif;
outline: none;
transition: all 0.3s ease-in-out;
background: #fff;
box-shadow: 1px 5px 13px 3px rgba(0, 0, 0, 0.1);
}
.wpepay-alfatrex-input:focus {
border-color: #a88861;
box-shadow: 0 0 5px rgba(93, 69, 39, 0.502);
}
@media (prefers-color-scheme: dark) {
.wpepay-alfatrex-input {
background: #222;
color: #fff;
border-color: #555;
}
.wpepay-alfatrex-input:focus {
border-color: #a88861;
box-shadow: 0 0 5px rgba(93, 69, 39, 0.502);
}
}