.content {
    width: 750px;
    margin: auto;
    margin-top: 116px;
    margin-bottom: 156px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.content>a {
    display: block;
}

.content>a>div {
    width: 236px;
    height: 176px;
    background-color: #FAFAFA;
    margin-bottom: 45px;
    padding-top: 29px;
    padding-left: 17px;
}

.content>a>div:hover {
    background-color: #FFEFAE;
}

.content>a>div:hover p:nth-child(1) {
    background-color: #fff;
}

.content>a>div:hover p:nth-child(3)>span {
    background-color: #fff;
}

.content>a>div>p:nth-child(1) {
    width: 56px;
    height: 7px;
    background-color: #FFDF60;
}

.content>a>div>p:nth-child(2) {
    font-size: 18px;
    line-height: 29px;
    margin-top: 20px;
    letter-spacing: -1px;
}

.content>a>div>p:nth-child(3) {
    font-size: 13px;
    line-height: 29px;
    margin-top: 18px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.content>a>div>p:nth-child(3)>span {
    margin-left: 5px;
    display: block;
    width: 6px;
    height: 6px;
    background-color: #FFDF60;
    clip-path: polygon(0 0, 100% 0, 0 100%, 0 0);
    transform: rotate(135deg);
}