.item_data {
    position: absolute;
    width: 30vw;
    height: fit-content;
    border-radius: 1vw;
    left: 68vw;
    top: 28vh;
    background-color: var(--color3);
    z-index: 1;
    box-shadow: var(--boxshadow);
    font-family: var(--font9);
    color: black;
    display: flex;
    flex-direction: column;
    transition: all .6s ease;
    z-index: 2;
}

.item_data .item_data_title {
    position: relative;
    margin: 0;
    margin-left: 1vw;
    margin-top: 2vw;
    width: 65%;
    height: fit-content;
    padding: 0;
    font-size: 2vw;
    font-weight: 300;
    display: flex;
    font-family: var(--font9);
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.item_data .item_data_title::before {
    content: "";
    width: 2vw;
    height: 2vw;
    background-color: black;
    mask: url("http://eliteflowersstore.cl/static/images/father_templates/icons/shopping_bag.svg") no-repeat center / 80%;
    -webkit-mask: url("http://eliteflowersstore.cl/static/images/father_templates/icons/shopping_bag.svg") no-repeat center / 80%;
    flex-shrink: 0;
    transform: rotate(0deg);
}

.item_data .item_data_title:hover::before {
    animation: rotate_item_data_title .3s linear infinite alternate;
}

@keyframes rotate_item_data_title {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(10deg);
    }
}

.item_data .item_data_sku {
    position: absolute;
    width: fit-content;
    max-width: 27%;
    height: fit-content;
    max-height: 5vw;
    font-size: 1vw;
    color: var(--color26);
    right: 1vw;
    top: 2vw;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.item_data .item_data_price {
    position: relative;
    font-size: 1.5vw;
    font-weight: lighter;
    margin: 1vw 0 0 1.3vw;
    height: fit-content;
    padding: 0;
}


.item_data .item_data_color_container {
    position: relative;
    width: fit-content;
    margin: 1vw 0 0 1.3vw;
    display: flex;
}

.item_data .item_data_color_container .item_data_color_container_color {
    width: .7vw;
    height: .7vw;
    min-width: .7vw;
    aspect-ratio: 1 / 1;
    margin: auto 0;
    margin-right: .5vw;
    border-radius: 50%;
    background-color: red;
}

.item_data .item_color_options {
    position: relative;
    margin: 1vw 0 0 1.3vw;
    width: fit-content;
    height: fit-content;
    padding: 0;
    display: flex;
}

.item_data .item_color_options .item_color_option {
    position: relative;
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    margin: auto 0;
    margin-right: .5vw;    
    cursor: pointer;
}

.item_data .item_color_options .item_color_option .item_color_option_image {
    width: 6vw;
    aspect-ratio: 2/3;
    border-radius: .4vw;
    border: solid;
    border-width: .2vw;
    border-color: transparent;
}

.item_data .item_color_options .item_color_option.selected > .item_color_option_image {
    border-color: var(--color27);
}

.item_data .item_color_options .item_color_option .item_color_option_image:hover {
    border-color: var(--color27);
}

.item_data .item_color_options .item_color_option .item_color_option_label {
    width: 100%;
    font-size: .7vw;
    font-weight: bold;
    margin: auto auto;
    text-align: center;
}

.item_data .item_data_size_container {
    position: relative;
    margin: 1vw 0 0 1.3vw;
    display: flex;
    width: fit-content;
    height: fit-content;
}

.item_data .item_data_size_container .item_data_size_container_size {
    position: relative;
    height: 2vw;
    padding: 0 1vw;
    width: 4vw;
    margin: auto 0;
    margin-right: .5vw;
    background-color: var(--color27);
    color: var(--color26);
    font-size: 1.2vw;
    font-weight: bold;
    text-align: center;
    align-content: center;
    border: solid;
    border-width: .2vw;
    border-radius: .7vw;
    border-color: var(--color26);
    cursor: pointer;
}

.item_data .item_data_size_container .item_data_size_container_size.selected {
    background-color: var(--color26);
    color: var(--color27)
}

.item_data .item_data_buy_button {
    position: relative;
    margin: 1vw 0 2vw 1.3vw;
    font-size: 2vw;
    border: solid;
    border-width: .2vw;
    border-color: var(--color26);
    background-color: var(--color27);
    color: var(--color26);
    width: fit-content;
    height: 5vw;
    width: 20vw;
    overflow: hidden;
    transition: all .6s ease;
    cursor: pointer
}

.item_data .item_data_buy_button:hover {
    background-color: var(--color26);
    color: var(--color28);
    font-size: 2.2vw;
    border-color: var(--color28)
}

.item_data .item_data_buy_button::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -60%;
    width: 40%;
    height: 200%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255, 255, 255, 0.6),
        transparent
    );
    transform: skewX(-20deg);
}

.item_data .item_data_buy_button:hover::after {
    animation: shine 0.6s ease;
}

@keyframes shine {
    from {
        left: -60%;
    }
    to {
        left: 120%;
    }
}