.v1-1{ border: 5px solid #19283c; background: #19283c; color: #fff; } .v1-1:hover{ border: 5px solid #007374; background: #007374; } .v1-2{ border: 5px solid #19283c; overflow: hidden; } .v1-2:hover{ color: #fff; } .v1-2:after{ top: 100%; z-index: -1; } .v1-2:hover:after{ top:0; background: #19283c; }