.pSpan{--c:#daa520;color:var(--c);font-size:16px;border:1px solid var(--c);border-radius:.5em;text-transform:uppercase;font-weight:500;font-family:sans-serif;letter-spacing:.1em;text-align:center;line-height:2em;position:relative;overflow:hidden;z-index:1;transition:.5s}.pSpan span{position:absolute;width:25%;height:100%;background-color:var(--c);transform:translateY(150%);border-radius:50%;left:calc((var(--n) - 1) * 25%);transition:.5s;transition-delay:calc((var(--n) - 1) * .1s);z-index:-1}.pSpan:hover{color:#5f2128}.pSpan:hover span{transform:translateY(0) scale(2)}.pSpan span:first-child{--n:1}.pSpan span:nth-child(2){--n:2}.pSpan span:nth-child(3){--n:3}.pSpan span:nth-child(4){--n:4}