.heart-btn { width: 50px; height: 50px; background-color: transparent; border: none; position: relative; cursor: pointer; } .heart-btn::before, .heart-btn::after { content: ""; width: 25px; height: 45px; background-color: red; position: absolute; top: 0; transform: rotate(-45deg); border-radius: 50px 50px 0 0; } .heart-btn::before { left: 10px; } .heart-btn::after { right: 10px; } .heart-btn:hover::before, .heart-btn:hover::after { background-color: darkred; }
top of page
bottom of page