틀:와르샤와/styles.css

.IM_POG-Section1 {
    background: rgba(40,40,0,0);
	transition: background 1s;
}
.IM_POG-Section1a {
    width:calc(100% - 100px);
	transition: width 1s;
}
.IM_POG-Section1b {
    display:inline-block;
    overflow:hidden;
    width:0%;
    height:0px;
    opacity:0;
	transition:opacity 1s, width 1s, height 1s;
}
.IM_POG-Section1:hover > .IM_POG-Section1a {
    width:calc(45% - 100px);
}
.IM_POG-Section1:hover > .IM_POG-Section1b {
    width:45%;
    height:max-content;
    opacity:1;
}
.IM_POG-Section1:hover {
    background: rgba(40,40,0,0.5);
}