$newPublicationButtonSize: 1.7em;

:host {
    display: flex;
    flex-direction: column;
    align-items: center;

    .new-publication {
        position: fixed;
        border-radius: 10em;
        background-color: #14A44D;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: $newPublicationButtonSize;
        right: $newPublicationButtonSize;
        width: $newPublicationButtonSize;
        height: $newPublicationButtonSize;
        text-decoration: none;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
        transition: background-color .2s ease-in-out;
        font-size: 2.2em;
        
        &:hover {
            background-color: #0e7a3a;
        }
    }
}