@import 'variables';
.dp-subscribe-form-wrapper {
margin-top: 30px;
}
.dp-subscribe-form {
max-width: 250px; background-color: $background-color-light; border: 1px solid rgba(0, 0, 0, .1);; padding: 12px 16px 16px 16px; border-radius: 3px; display: inline-block;
}
.dp-subscribe-form-title {
font-weight: $font-weight-bold; font-size: $font-size-small; margin: 0px;
}
.dp-subscribe-form-sumbit {
width: 100%; max-width: 380px; margin-top: 6px; margin-bottom: 12px; border-radius: 3px; border: none; outline: none;
}
.dp-subscribe-form-message {
color: inherit; border-radius: 2px; transition: all 0.2s ease-in; height: 0; margin-top: 6px; margin-bottom: 8px; span { display: inline-block; padding: 6px 8px; font-size: $font-size-small; }
}
.dp-subscribe-form-message–error {
background: #cb3834; height: auto;
}
.dp-subscribe-form-message–success {
background: #76b937; height: auto;
}
.dp-subscribe-form-emailInput {
width: 100%; max-width: 380px; font-size: $font-size-small; margin-top: 8px; border-radius: 3px;
}