button.cod-button, a.cod-button {
    padding: .8em 1.2em;
    border-radius: 10em;
    border: none;
    background-color: #3f51b5;
    color: white;
    transition: background-color .2s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;

    &:hover {
        background-color: #5b6ed8;
        cursor: pointer;
    }

    &.secondary {
        color: #3f51b5;
        background-color: white;
    
        &:hover {
            background-color: #f2f4ff;
        }
    }

    &.icon {
        $buttonSize: 2.5em;
        width: $buttonSize;
        height: $buttonSize;
        padding: 0;

        &.close {
            position: absolute;
            top: 1em;
            right: 1em;
            color: black;
        }
    }
}

a.cod-button {
    text-decoration: none;
}