.subscribe-form .hidden {
    display: none;
}

.subscribe-form .success {
    padding: 1rem;
    border-radius: 0.5rem;
    background: green;
}

.subscribe-form .errors {
    padding: 1rem;
    border-radius: 0.5rem;
    background: red;
}

.subscribe-form p {
    margin: var(--content-gap) 0 var(--content-gap) 0
}

.subscribe-form .form-columns {
    margin: var(--content-gap) 0 var(--content-gap) 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--content-gap)
}

.subscribe-form .form-columns div {
    display: flex;
    flex-wrap: wrap;
    gap: var(--content-gap)
}

.subscribe-form .form-columns .left-column {
    flex-grow: 10;
    flex-direction: column
}

.subscribe-form .form-columns .left-column input {
    padding: 1rem;
    border: 1px solid var(--secondary);
    border-radius: 0.5rem;
    width: 100%;
    background: var(--code-bg);
    color: var(--primary);
    margin-right: var(--content-gap)
}

.subscribe-form .form-columns .right-column {
    flex-grow: 1
}

.subscribe-form .form-columns .right-column button {
    padding: 1rem;
    border: 1px solid var(--secondary);
    border-radius: 0.5rem;
    width: 100%;
    background: var(--tertiary)
}

.subscribe-form .form-columns .right-column button:disabled {
    color: var(--secondary)
}