.application-card {
    margin: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    .logo {
        position: relative;
        
        &:hover {
            button {
                opacity: 1;
            }
        }

        img {
            width: 164px;
            height: 164px;
            background-color: #fff;
            border-radius: 4px;
            box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.2);
        }

        .status {
            width: 2rem;
            height: 2rem;
            
            border-radius: 10em;
            position: absolute;
            bottom: 10px;
            right: 5px;

            &.started {
                background-image: linear-gradient(#5bc13e, #1fa200);
                border: 2px solid #136900;
            }
            &.stopped {
                background-image: linear-gradient(#c13e3e, #a20000);
                border: 2px solid #770000;
            }
        }
        
        button {
            position: absolute;
            top: 5px;
            right: 5px;
            opacity: 0;
            transition: opacity .2s ease;
        }
    }


    .name {
        margin: .5rem;
        font-weight: 500;
    }
}