.promo-event {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
background-image: url('/uploads/bg-1.webp'), linear-gradient(179.33deg, #210E2F 6.33%, #210E30 24.05%, #200C2B 36.63%, #140D27 52.89%, #080B21 73.94%, #141C31 96.26%);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 16px;
}
.promo-event__title {
font-weight: 700;
font-size: 32px;
line-height: 34px;
color: #FFFFFF;
text-align: center;
margin: 0 0 16px 0;
}
.promo-event__description {
font-weight: 500;
font-size: 24px;
line-height: 28px;
color: #FFFFFF;
text-align: center;
margin: 0 0 40px 0;
}
input {
width: 288px;
height: 48px;
color: #000000;
font-size: 14px;
line-height: 24px;
font-weight: 400;
border-radius: 4px;
border: none;
outline: none;
padding: 12px 16px;
margin-bottom: 12px;
}
input::placeholder {
color: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
}
input:user-invalid {
border: 1px solid #BD0F1B;
}
button,
a {
width: 288px;
height: 40px;
color: #FFFFFF;
font-size: 14px;
line-height: 28px;
font-weight: 700;
border-radius: 100px;
box-shadow: 0px 2px 8px 0px rgba(39, 39, 39, 0.20);
}
button {
display: block;
background: #BD0F1B;
margin-bottom: 24px;
}
button:hover {
background: rgb(62.3% 4.94% 8.89%);
}
a {
display: flex;
align-items: center;
justify-content: center;
background: #0A3093;
margin-bottom: 26px;
}
a:hover {
background: #0D3394;
}
