.acordion__body {
    height: 0;
    padding: 0 15px;
    overflow: hidden;
    transition: .5s;
    margin: 0;
}

.acordion__trigger.summary {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 1em 2em;

    color: #000;
    font-weight: 600;
    cursor: pointer;
    width: 300px;
    margin: auto;
    border: 1px solid;
    padding: 20px;
    font-size: 16px;
    margin-bottom: 20px;
    box-sizing: border-box;
    box-shadow: 2px 2px 3px 0 #00000038;
}

.acordion__trigger.summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 5px;
    height: 5px;
    border-bottom: 3px solid #000000;
    border-right: 3px solid #000000;
    content: '';
    transition: transform .3s;
    position: absolute;
    right: 1rem;
}

.acordion__trigger.summary[aria-expanded=true]::after {
    transform: translateY(-25%) rotate(225deg);
}