<div class="container">
<div class="heart">♡</div><div class="mouth">⌣</div><div class="heart">♡</div>
  
</div>
$size: 128px
$big-size: $size * 1.5

body
  font-size: $size
  text-align: center
  font-family:  Georgia, monospace
  background: #BC3440
  color: #fff
  
.container
  display: inline-block
  margin-top: 100px
  height: 100px
  line-height: $big-size
  
.heart
  display: inline-block
  animation-name: heart
  animation-duration: 0.75s
  animation-iteration-count: infinite
  
svg
  width: $size
  fill: #fff
  
.mouth
  display: inline-block
  vertical-align: top
  margin-top: 0.6em

@keyframes heart
  0%
    font-size: $size
  50%
    font-size: $big-size
  100%
    font-size: $size
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.