@import "./variables";
footer {
    background-color: $sage-dark;
    color: rgba(255, 255, 255, 0.8);
    padding: 3rem 0 1rem;

    a {
        color: rgba(255, 255, 255, 0.8);
        text-decoration: none;
        padding: 0.5rem 1rem !important;
        transition: all 0.3s ease;

        &:hover {
            color: white;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 5px;
        }
    }

    hr {
        border-color: rgba(255, 255, 255, 0.2);
        margin: 2rem 0 1rem;
    }
}