/* Success/Info Messages */
.messages {
    margin: 0 auto;
    padding: 0;
}

    .messages__item {
        padding: 12px 16px;
        margin-bottom: 32px;
        border-radius: var(--button-border-radius);
    }

    .messages__item--success {
        background-color: rgba(40, 167, 69, 0.1);
        color: #28a745;
    }

    .messages__item--error {
        background-color: rgba(220, 53, 69, 0.1);
        color: #dc3545;
    }

    .messages__item--warning {
        background-color: rgba(255, 193, 7, 0.1);
        color: #f0ad4e;
    }

    .messages__item--info {
        background-color: rgba(23, 162, 184, 0.1);
        color: #17a2b8;
    }

    .messages__link {
        color: inherit;
        text-decoration: underline;
    }