.routelist{details { margin-top: 5px; border: 1px solid var(--color-accent, var(--color-accent, #632E9B)); border-radius: 5px; background-color: var(--color-gray, #EAEAEA); } details div { padding: 5px; } summary>p { width: 100%; text-align: center; padding: 0px; margin: 0px; } .wp-block-image { img { max-width: min(500px, 100%); margin-inline: auto; } } summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; font-weight: bold; background-color: var(--wp--preset--color--white, #ffffff); padding: 1px; border-radius: 5px; transition: background-color .2s; } summary::after { content: ''; width: 0; height: 0; border-top: 15px solid var(--wp--preset--color--white, #ffffff); border-inline: 10px solid transparent; transition: 0.2s; } details[open] summary { border-radius: 5px 5px 0 0; } details[open]>summary { list-style-type: '⬆ '; border-radius: 5px 5px 0px 0px; border-bottom: 1px solid var(--color-accent, #632E9B); } details[open]>summary::after { transform: rotate(-180deg); } summary:hover { background-color: var(--color-gray, #EAEAEA); border-color: var(--color-accent, #632E9B); color: var(--color-accent, #632E9B); } summary:hover::after { border-top-color: var(--color-accent, #632E9B); }}