hypothetical/resources/assets/sass/elements/subscription-form.scss

#subscription-form {
    $trans-speed: 100ms;
    position: absolute;
    top: 50%;
    right: 0px;
    left: 0px;
    transform: translateY(-50%);
    margin-right: auto;
    margin-left: auto;
    width: 200px;

    input {
        margin: 5px;
        width: calc(100% - 10px);
        padding: 3px;
        border: 1px solid lighten($c-accent, 50%);
        transition: border-color $trans-speed;

        &.error {
            border-color: $c-error;
        }
    }
}