.meet
{
    float:right;
    margin:20px 20px 0px 0px;
    padding:20px;   
    background-color:white;
    height:120px;
    width:265px;
    color:#97C345;
    position:relative;
}

.meet img
{
    height:30px;
    margin:5px;
    vertical-align:middle;
    margin-left:20px;
}

.meet.add
{
    text-align:center;
    opacity:0.6;
    transition: 0.6s ease-in-out;
}

.meet.add:hover
{
    opacity:1;
}

.meet.add div
{
    font-size:5em;
    line-height:1em;
    position:relative;
    top:-15px;
    opacity:0.5;
}

.meet .edita
{
    opacity:0;
    transition: 1s ease-in-out;
    position:absolute;
    bottom:0;
    left:0;
    width:60px;
    height:60px;
    background-color:#97C345;
    border-top-right-radius:200%;
    color:black;
    text-align:left;
    line-height:40px;
    font-size:0.7em;
    transform: rotate(-45deg);
}

.meet .edit:after
{
    content:"ערוך";
    position:absolute;
    color:white;
    transform: rotate(+45deg);
    margin-right:-35px;
    margin-top:25px;
    font-family:Arial;
}

.meet .edit
{
    content:"";
    border-width: 0 60px 60px 0;
    border-style: solid;
    border-color: #97C345 #fff;
    position:absolute;
    bottom:0;
    left:0;
    opacity:0;
}

.meet:hover .edit
{
    opacity:0.8;
}

@media screen and (max-width: 1120px)
{
    .meet
    {
        margin:10px 10px 0px 0px;
        width:240px;
    }
}

@media screen and (max-width: 1020px)
{
    .meet
    {
        display:block;
        width:100%;
        box-sizing:border-box;
        height:auto;
        padding:0px;
        background-color:transparent;
        border-bottom:solid 3px #97C345;
    }

    .meet img
    {
        margin-top:2px;
        margin-bottom:2px;
    }
}